<html>
<head>
    <meta charset="UTF-8"/>
    <meta name="viewport" content="width=device-width,initial-scale=1.0"/>
    <script src="https://unpkg.com/vue@3"></script>
    <!-- import CSS -->
    <link rel="stylesheet" href="https://unpkg.com/element-plus/dist/index.css">
    <!-- import JavaScript -->
    <script src="https://unpkg.com/element-plus"></script>
    <title>PangLi2.1.6屏蔽物品代码生成工具</title>
    <style>
        .demo-button-style[data-v-40199a07] {
            margin-top: 24px
        }

        .custom-style .el-segmented[data-v-13fad258] {
            --el-segmented-item-selected-color: var(--el-text-color-primary);
            --el-segmented-item-selected-bg-color: #ffd100;
            --el-border-radius-base: 16px
        }

        .alignment-container {
            width: 240px;
            margin-bottom: 20px;
            padding: 8px;
            border: 1px solid var(--el-border-color)
        }

        .categories-text[data-v-0bb34288] {
            fill: var(--categories-c-text)
        }

        .common-layout .el-header, .common-layout .el-footer{
            display: flex;
            justify-content: center;
            align-items: center
        }

        .common-layout .el-header, .common-layout .el-footer {
            background-color: var(--el-color-primary-light-7);
            color: var(--el-text-color-primary);
            text-align: center
        }

        .common-layout .el-aside {
            background-color: var(--el-color-primary-light-8);
            color: var(--el-text-color-primary);
            text-align: center
        }

        .common-layout .el-main {
            background-color: var(--el-color-primary-light-9);
            color: var(--el-text-color-primary);
            text-align: center;
            min-height: calc(100vh - 60px)
        }

        :root {
            --ep-c-bg-row: #f9fafc;
            --ep-c-bg-purple: #d3dce6;
            --ep-c-bg-purple-dark: #99a9bf;
            --ep-c-bg-purple-light: #e5e9f2
        }

        .dark {
            --ep-c-bg-row: #18191a;
            --ep-c-bg-purple: #46494d;
            --ep-c-bg-purple-dark: #242526;
            --ep-c-bg-purple-light: #667180
        }

        .row-bg {
            padding: 10px 0;
            background-color: var(--ep-c-bg-row)
        }

        .ep-bg-purple-dark {
            background: var(--ep-c-bg-purple-dark)
        }

        .ep-bg-purple {
            background: var(--ep-c-bg-purple)
        }

        .ep-bg-purple-light {
            background: var(--ep-c-bg-purple-light)
        }

        .hero-content[data-v-33a3e4f8] {
            padding: 32px
        }

        .language-list {
            list-style: disc
        }

        details[data-v-5011f4e3] {
            margin-top: 8px
        }

        :root {
            --categories-c-bg: #F9FAFC;
            --categories-c-page: #E5E9F2;
            --categories-c-overlay: white;
            --categories-c-text: #99A9BF;
            --categories-c-icon: #E5E9F2;
            --categories-c-line: #E5E9F2
        }

        .dark {
            --categories-c-bg: #1D1E1F;
            --categories-c-page: #0A0A0A;
            --categories-c-overlay: #141414;
            --categories-c-text: #53637A;
            --categories-c-icon: #2F333D;
            --categories-c-line: #242529
        }

        .link[data-v-2c2cd08f] {
            color: var(--text-color-light)
        }

        .link[data-v-2c2cd08f]:hover {
            color: var(--brand-color)
        }

        .el-alert[data-v-60dc5ec2] {
            margin: 20px 0 0
        }

        .el-alert[data-v-60dc5ec2]:first-child {
            margin: 0
        }

        .el-alert[data-v-3a1c4855] {
            margin: 20px 0 0
        }

        .el-alert[data-v-3a1c4855]:first-child {
            margin: 0
        }

        .el-alert[data-v-473fd6e8] {
            margin: 20px 0 0
        }

        .el-alert[data-v-473fd6e8]:first-child {
            margin: 0
        }

        .el-alert[data-v-501a547e] {
            margin: 20px 0 0
        }

        .el-alert[data-v-501a547e]:first-child {
            margin: 0
        }

        .el-alert[data-v-b8a39666] {
            margin: 20px 0 0
        }

        .el-alert[data-v-b8a39666]:first-child {
            margin: 0
        }

        .el-alert[data-v-769960af] {
            margin: 20px 0 0
        }

        .el-alert[data-v-769960af]:first-child {
            margin: 0
        }

        .my-autocomplete li {
            line-height: normal;
            padding: 7px
        }

        .my-autocomplete li .name {
            text-overflow: ellipsis;
            overflow: hidden
        }

        .my-autocomplete li .addr {
            font-size: 12px;
            color: #b4b4b4
        }

        .my-autocomplete li .highlighted .addr {
            color: #ddd
        }

        .circular {
            display: inline;
            height: 30px;
            width: 30px;
            animation: loading-rotate 2s linear infinite
        }

        .path {
            animation: loading-dash 1.5s ease-in-out infinite;
            stroke-dasharray: 90, 150;
            stroke-dashoffset: 0;
            stroke-width: 2;
            stroke: var(--el-color-primary);
            stroke-linecap: round
        }

        .loading-path .dot1 {
            transform: translate(3.75px, 3.75px);
            fill: var(--el-color-primary);
            animation: custom-spin-move 1s infinite linear alternate;
            opacity: .3
        }

        .loading-path .dot2 {
            transform: translate(calc(100% - 3.75px), 3.75px);
            fill: var(--el-color-primary);
            animation: custom-spin-move 1s infinite linear alternate;
            opacity: .3;
            animation-delay: .4s
        }

        .loading-path .dot3 {
            transform: translate(3.75px, calc(100% - 3.75px));
            fill: var(--el-color-primary);
            animation: custom-spin-move 1s infinite linear alternate;
            opacity: .3;
            animation-delay: 1.2s
        }

        .loading-path .dot4 {
            transform: translate(calc(100% - 3.75px), calc(100% - 3.75px));
            fill: var(--el-color-primary);
            animation: custom-spin-move 1s infinite linear alternate;
            opacity: .3;
            animation-delay: .8s
        }

        @keyframes loading-rotate {
            to {
                transform: rotate(360deg)
            }
        }

        @keyframes loading-dash {
            0% {
                stroke-dasharray: 1, 200;
                stroke-dashoffset: 0
            }

            50% {
                stroke-dasharray: 90, 150;
                stroke-dashoffset: -40px
            }

            to {
                stroke-dasharray: 90, 150;
                stroke-dashoffset: -120px
            }
        }

        @keyframes custom-spin-move {
            to {
                opacity: 1
            }
        }

        .item[data-v-0ab21c0f] {
            margin-top: 10px;
            margin-right: 30px
        }

        .el-dropdown[data-v-0ab21c0f] {
            margin-top: 1.1rem
        }

        .item[data-v-2d64678b], .item[data-v-67e15082], .item[data-v-3657c8f3] {
            margin-top: 10px;
            margin-right: 40px
        }

        .item[data-v-68591512] {
            margin-top: 10px;
            margin-right: 30px
        }

        .el-button .custom-loading .circular[data-v-46801470] {
            margin-right: 6px;
            width: 18px;
            height: 18px;
            animation: loading-rotate 2s linear infinite
        }

        .el-button .custom-loading .circular .path[data-v-46801470] {
            animation: loading-dash 1.5s ease-in-out infinite;
            stroke-dasharray: 90, 150;
            stroke-dashoffset: 0;
            stroke-width: 2;
            stroke: var(--el-button-text-color);
            stroke-linecap: round
        }

        .is-selected {
            color: #1989fa
        }

        .el-carousel__item h3[data-v-2dcba966] {
            color: #475669;
            opacity: .75;
            line-height: 300px;
            margin: 0;
            text-align: center
        }

        .el-carousel__item[data-v-2dcba966]:nth-child(2n) {
            background-color: #99a9bf
        }

        .el-carousel__item[data-v-2dcba966]:nth-child(2n + 1) {
            background-color: #d3dce6
        }

        .carousel-item[data-v-9471546a] {
            color: #475669;
            opacity: .75;
            margin: 0;
            text-align: center
        }

        .el-carousel__item h3[data-v-9471546a] {
            color: #475669;
            opacity: .75;
            display: flex;
            align-items: center;
            margin: 0;
            text-align: center;
            height: 100%
        }

        .el-carousel__item[data-v-9471546a]:nth-child(2n) {
            background-color: #99a9bf
        }

        .el-carousel__item[data-v-9471546a]:nth-child(2n + 1) {
            background-color: #d3dce6
        }

        .demonstration[data-v-71fc35b0] {
            color: var(--el-text-color-secondary)
        }

        .el-carousel__item h3[data-v-71fc35b0] {
            color: #475669;
            opacity: .75;
            line-height: 150px;
            margin: 0;
            text-align: center
        }

        .el-carousel__item[data-v-71fc35b0]:nth-child(2n) {
            background-color: #99a9bf
        }

        .el-carousel__item[data-v-71fc35b0]:nth-child(2n + 1) {
            background-color: #d3dce6
        }

        .el-carousel__item h3[data-v-48e1912c] {
            color: #475669;
            opacity: .75;
            line-height: 200px;
            margin: 0;
            text-align: center
        }

        .el-carousel__item[data-v-48e1912c]:nth-child(2n) {
            background-color: #99a9bf
        }

        .el-carousel__item[data-v-48e1912c]:nth-child(2n + 1) {
            background-color: #d3dce6
        }

        .el-carousel__item h3[data-v-15528c6e] {
            display: flex;
            color: #475669;
            opacity: .75;
            line-height: 300px;
            margin: 0
        }

        .el-carousel__item[data-v-15528c6e]:nth-child(2n) {
            background-color: #99a9bf
        }

        .el-carousel__item[data-v-15528c6e]:nth-child(2n + 1) {
            background-color: #d3dce6
        }

        .demonstration[data-v-627c5291] {
            color: var(--el-text-color-secondary)
        }

        .el-carousel__item h3[data-v-627c5291] {
            color: #475669;
            opacity: .75;
            line-height: 200px;
            margin: 0;
            text-align: center
        }

        .el-carousel__item[data-v-627c5291]:nth-child(2n) {
            background-color: #99a9bf
        }

        .el-carousel__item[data-v-627c5291]:nth-child(2n + 1) {
            background-color: #d3dce6
        }

        .el-carousel__item h3[data-v-94d00676] {
            color: #475669;
            opacity: .75;
            line-height: 200px;
            margin: 0;
            text-align: center
        }

        .el-carousel__item[data-v-94d00676]:nth-child(2n) {
            background-color: #99a9bf
        }

        .el-carousel__item[data-v-94d00676]:nth-child(2n + 1) {
            background-color: #d3dce6
        }

        .demo-color-block {
            display: flex;
            align-items: center;
            margin-bottom: 16px
        }

        .demo-color-block .demonstration {
            margin-right: 16px
        }

        .demo-color-sizes .el-color-picker:not(:last-child) {
            margin-right: 16px
        }

        [data-v-3e4cf8e2] .my-label {
            background: var(--el-color-success-light-9) !important
        }

        [data-v-3e4cf8e2] .my-content {
            background: var(--el-color-danger-light-9)
        }

        .el-descriptions[data-v-f5b42d58] {
            margin-top: 20px
        }

        .cell-item[data-v-f5b42d58] {
            display: flex;
            align-items: center
        }

        .margin-top[data-v-f5b42d58], .el-descriptions[data-v-79e15270] {
            margin-top: 20px
        }

        .example-showcase .el-dropdown-link[data-v-2b52e528], .example-showcase .el-dropdown-link[data-v-4a69922d], .example-showcase .el-dropdown-link[data-v-178d19a6] {
            cursor: pointer;
            color: var(--el-color-primary);
            display: flex;
            align-items: center
        }

        .block-col-2 .demonstration[data-v-c8e48948] {
            display: block;
            color: var(--el-text-color-secondary);
            font-size: 14px;
            margin-bottom: 20px
        }

        .block-col-2 .el-dropdown-link[data-v-c8e48948] {
            display: flex;
            align-items: center
        }

        .example-showcase .el-dropdown + .el-dropdown[data-v-8eb428a6] {
            margin-left: 15px
        }

        .example-showcase .el-dropdown-link[data-v-8eb428a6] {
            cursor: pointer;
            color: var(--el-color-primary);
            display: flex;
            align-items: center
        }

        .example-showcase .el-dropdown + .el-dropdown[data-v-5816aaf4] {
            margin-left: 15px
        }

        .example-showcase .el-dropdown + .el-dropdown[data-v-67b30bf0] {
            margin-left: 15px
        }

        .example-showcase .el-dropdown-link[data-v-67b30bf0] {
            cursor: pointer;
            color: var(--el-color-primary);
            display: flex;
            align-items: center
        }

        .demo-form-inline .el-input {
            --el-input-width: 220px
        }

        .demo-form-inline .el-select {
            --el-select-width: 220px
        }

        .el-radio-group {
            margin-right: 12px
        }

        .infinite-list {
            height: 300px;
            padding: 0;
            margin: 0;
            list-style: none
        }

        .infinite-list .infinite-list-item {
            display: flex;
            align-items: center;
            justify-content: center;
            height: 50px;
            background: var(--el-color-primary-light-9);
            margin: 10px;
            color: var(--el-color-primary)
        }

        .infinite-list .infinite-list-item + .list-item {
            margin-top: 10px
        }

        .infinite-list-wrapper {
            height: 300px;
            text-align: center
        }

        .infinite-list-wrapper .list {
            padding: 0;
            margin: 0;
            list-style: none
        }

        .infinite-list-wrapper .list-item {
            display: flex;
            align-items: center;
            justify-content: center;
            height: 50px;
            background: var(--el-color-danger-light-9);
            color: var(--el-color-danger)
        }

        .infinite-list-wrapper .list-item + .list-item {
            margin-top: 10px
        }

        .input-with-select .el-input-group__prepend {
            background-color: var(--el-fill-color-blank)
        }

        .el-link[data-v-a7a831de] {
            margin-right: 8px
        }

        .el-link .el-icon--right.el-icon[data-v-a7a831de] {
            vertical-align: text-bottom
        }

        .el-link[data-v-4f1f2abe] {
            margin-right: 8px
        }

        .el-link .el-icon--right.el-icon[data-v-4f1f2abe] {
            vertical-align: text-bottom
        }

        .el-link[data-v-316cdd16] {
            margin-right: 8px
        }

        .el-link .el-icon--right.el-icon[data-v-316cdd16] {
            vertical-align: text-bottom
        }

        .el-link[data-v-3a154134] {
            margin-right: 8px
        }

        body {
            margin: 0
        }

        .example-showcase .el-loading-mask {
            z-index: 9
        }

        .el-menu-vertical-demo:not(.el-menu--collapse) {
            width: 200px;
            min-height: 400px
        }

        .flex-grow {
            flex-grow: 1
        }

        .example-pagination-block + .example-pagination-block[data-v-7f3b1e9e] {
            margin-top: 10px
        }

        .example-pagination-block .example-demonstration[data-v-7f3b1e9e] {
            margin-bottom: 16px
        }

        .demo-pagination-block + .demo-pagination-block[data-v-42ef9b41] {
            margin-top: 10px
        }

        .demo-pagination-block .demonstration[data-v-42ef9b41] {
            margin-bottom: 16px
        }

        .demo-progress .el-progress--circle[data-v-77f17829] {
            margin-right: 15px
        }

        .demo-progress .el-progress--line[data-v-2ddfb57a] {
            margin-bottom: 15px;
            max-width: 600px
        }

        .percentage-value[data-v-3b05e2da] {
            display: block;
            margin-top: 10px;
            font-size: 28px
        }

        .percentage-label[data-v-3b05e2da] {
            display: block;
            margin-top: 10px;
            font-size: 12px
        }

        .demo-progress .el-progress--line[data-v-3b05e2da] {
            margin-bottom: 15px;
            max-width: 600px
        }

        .demo-progress .el-progress--circle[data-v-3b05e2da] {
            margin-right: 15px
        }

        .demo-progress .el-progress--line[data-v-4ea7128c] {
            margin-bottom: 15px;
            max-width: 600px
        }

        .demo-progress .el-progress--circle[data-v-4ea7128c] {
            margin-right: 15px
        }

        .demo-progress .el-progress--line[data-v-a543ad90], .demo-progress .el-progress--line[data-v-7af67e88], .demo-progress .el-progress--line[data-v-e5e66b3c], .demo-progress .el-progress--line[data-v-46deabd8] {
            margin-bottom: 15px;
            max-width: 600px
        }

        .example-showcase .el-select-v2[data-v-2820fe38] {
            margin-right: 20px
        }

        .select-footer[data-v-30140dbc] {
            display: flex;
            flex-direction: column
        }

        .select-footer .option-input[data-v-30140dbc] {
            width: 100%;
            margin-bottom: 8px
        }

        .el-tag[data-v-67c5991a] {
            border: none;
            aspect-ratio: 1
        }

        .example-showcase .el-select-v2[data-v-13cb20e0] {
            margin-right: 20px
        }

        .option-input[data-v-f4260ed4] {
            width: 100%;
            margin-bottom: 8px
        }

        .custom-header .el-checkbox {
            display: flex;
            height: unset
        }

        .el-select-dropdown__loading {
            display: flex;
            justify-content: center;
            align-items: center;
            height: 100px;
            font-size: 20px
        }

        .circular {
            display: inline;
            height: 30px;
            width: 30px;
            animation: loading-rotate 2s linear infinite
        }

        .path {
            animation: loading-dash 1.5s ease-in-out infinite;
            stroke-dasharray: 90, 150;
            stroke-dashoffset: 0;
            stroke-width: 2;
            stroke: var(--el-color-primary);
            stroke-linecap: round
        }

        .loading-path .dot1 {
            transform: translate(3.75px, 3.75px);
            fill: var(--el-color-primary);
            animation: custom-spin-move 1s infinite linear alternate;
            opacity: .3
        }

        .loading-path .dot2 {
            transform: translate(calc(100% - 3.75px), 3.75px);
            fill: var(--el-color-primary);
            animation: custom-spin-move 1s infinite linear alternate;
            opacity: .3;
            animation-delay: .4s
        }

        .loading-path .dot3 {
            transform: translate(3.75px, calc(100% - 3.75px));
            fill: var(--el-color-primary);
            animation: custom-spin-move 1s infinite linear alternate;
            opacity: .3;
            animation-delay: 1.2s
        }

        .loading-path .dot4 {
            transform: translate(calc(100% - 3.75px), calc(100% - 3.75px));
            fill: var(--el-color-primary);
            animation: custom-spin-move 1s infinite linear alternate;
            opacity: .3;
            animation-delay: .8s
        }

        @keyframes loading-rotate {
            to {
                transform: rotate(360deg)
            }
        }

        @keyframes loading-dash {
            0% {
                stroke-dasharray: 1, 200;
                stroke-dashoffset: 0
            }

            50% {
                stroke-dasharray: 90, 150;
                stroke-dashoffset: -40px
            }

            to {
                stroke-dasharray: 90, 150;
                stroke-dashoffset: -120px
            }
        }

        @keyframes custom-spin-move {
            to {
                opacity: 1
            }
        }

        .el-tag[data-v-1fe6d7de] {
            border: none;
            aspect-ratio: 1
        }

        .slider-demo-block[data-v-05873bd1] {
            max-width: 600px;
            display: flex;
            align-items: center
        }

        .slider-demo-block .el-slider[data-v-05873bd1] {
            margin-top: 0;
            margin-left: 12px
        }

        .slider-demo-block .demonstration[data-v-05873bd1] {
            font-size: 14px;
            color: var(--el-text-color-secondary);
            line-height: 44px;
            flex: 1;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            margin-bottom: 0
        }

        .slider-demo-block .demonstration + .el-slider[data-v-05873bd1] {
            flex: 0 0 70%
        }

        .slider-demo-block[data-v-5a246cdd] {
            max-width: 600px;
            display: flex;
            align-items: center
        }

        .slider-demo-block .el-slider[data-v-5a246cdd] {
            margin-top: 0;
            margin-left: 12px
        }

        .slider-demo-block .demonstration[data-v-5a246cdd] {
            font-size: 14px;
            color: var(--el-text-color-secondary);
            line-height: 44px;
            flex: 1;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            margin-bottom: 0
        }

        .slider-demo-block .demonstration + .el-slider[data-v-5a246cdd] {
            flex: 0 0 70%
        }

        .slider-demo-block[data-v-081d677b] {
            max-width: 600px;
            display: flex;
            align-items: center
        }

        .slider-demo-block .el-slider[data-v-081d677b] {
            margin-top: 0;
            margin-left: 12px
        }

        .slider-demo-block[data-v-3e6075d8] {
            max-width: 600px;
            display: flex;
            align-items: center
        }

        .slider-demo-block .el-slider[data-v-3e6075d8] {
            margin-top: 0;
            margin-left: 12px
        }

        .slider-demo-block[data-v-4df81d79] {
            max-width: 600px;
            display: flex;
            align-items: center
        }

        .slider-demo-block .el-slider[data-v-4df81d79] {
            margin-top: 0;
            margin-left: 12px
        }

        .slider-demo-block[data-v-0d66cbd4] {
            max-width: 600px
        }

        .el-slider[data-v-0d66cbd4] {
            margin-top: 20px
        }

        .el-slider[data-v-0d66cbd4]:first-child {
            margin-top: 0
        }

        .slider-demo-block[data-v-ac96baba] {
            max-width: 600px;
            display: flex;
            align-items: center
        }

        .slider-demo-block .el-slider[data-v-ac96baba] {
            margin-top: 0;
            margin-left: 12px
        }

        .slider-demo-block[data-v-c6882c24] {
            max-width: 600px;
            display: flex;
            align-items: center
        }

        .slider-demo-block .el-slider[data-v-c6882c24] {
            margin-top: 0;
            margin-left: 12px
        }

        .example-basic .el-date-editor, .demo-range .el-date-editor {
            margin: 8px
        }

        .demo-range .el-range-separator {
            box-sizing: content-box
        }

        @keyframes scale-in {
            0% {
                opacity: 0;
                transform: scale(0)
            }

            to {
                opacity: 1;
                transform: scale(1)
            }
        }

        .el-tooltip-v2__content.scale-in {
            animation: scale-in var(--el-transition-duration) ease-out forwards
        }

        .slide-fade-enter-active {
            transition: all .3s ease
        }

        .slide-fade-leave-active {
            transition: all .3s cubic-bezier(1, .5, .8, 1)
        }

        .slide-fade-enter, .expand-fade-leave-active {
            margin-left: 20px;
            opacity: 0
        }

        .tooltip-base-box {
            width: 600px
        }

        .tooltip-base-box .row {
            display: flex;
            align-items: center;
            justify-content: space-between
        }

        .tooltip-base-box .center {
            justify-content: center
        }

        .tooltip-base-box .box-item {
            width: 110px;
            margin-top: 10px
        }

        .singleton-tooltip {
            transition: transform .3s var(--el-transition-function-fast-bezier)
        }

        .el-popper.is-customized {
            padding: 6px 12px;
            background: linear-gradient(90deg, rgb(159, 229, 151), rgb(204, 229, 129))
        }

        .el-popper.is-customized .el-popper__arrow:before {
            background: linear-gradient(45deg, #b2e68d, #bce689);
            right: 0
        }

        .transfer-footer {
            margin-left: 15px;
            padding: 6px 5px
        }

        .prefix[data-v-77b4dc9b] {
            color: var(--el-color-primary);
            margin-right: 10px
        }

        .prefix.is-leaf[data-v-77b4dc9b] {
            color: var(--el-color-success)
        }

        .is-penultimate > .el-tree-node__content {
            color: #626aef
        }

        .el-tree-node.is-penultimate > .el-tree-node__children {
            display: flex;
            flex-direction: row
        }

        .is-penultimate > .el-tree-node__children > div {
            width: 25%
        }

        .custom-tree-node {
            flex: 1;
            display: flex;
            align-items: center;
            justify-content: space-between;
            font-size: 14px;
            padding-right: 8px
        }

        img[data-v-e1341f10] {
            width: 220px;
            height: 174px;
            margin: 0 24px 24px 0
        }

        img[data-v-e1341f10]:nth-of-type(3) {
            margin-right: 0
        }

        .hero-content[data-v-3c4ef63a] {
            padding: 32px
        }

        .markdown-wrapper h3 {
            margin-top: 1rem
        }

        .changelog-versions[data-v-218ee8c7] {
            display: flex;
            align-items: center;
            justify-content: space-between;
            margin-bottom: 1rem
        }

        .changelog-versions p[data-v-218ee8c7] {
            margin-right: 2rem
        }

        .changelog-header[data-v-218ee8c7] {
            display: flex;
            align-items: flex-start;
            justify-content: space-between
        }

        .changelog-header .changelog-meta[data-v-218ee8c7] {
            display: flex;
            flex: 1;
            flex-direction: column
        }

        .changelog-header .changelog-meta p[data-v-218ee8c7] {
            margin: 0
        }

        .changelog-header .link-item[data-v-218ee8c7] {
            line-height: 1.7
        }

        .st0[data-v-e6729d7c] {
            fill: #eff5fd
        }

        .st1[data-v-e6729d7c] {
            clip-path: url(#SVGID_00000172405038201111576250000009038874290854515645_)
        }

        .st2[data-v-e6729d7c] {
            fill: #afcaf1
        }

        .st3[data-v-e6729d7c] {
            fill: #afb6bb
        }

        .st4[data-v-e6729d7c] {
            fill: #e7eced
        }

        .st5[data-v-e6729d7c] {
            fill: #0077ce
        }

        .st6[data-v-e6729d7c] {
            fill: #20a0ff
        }

        .dark .st0[data-v-e6729d7c] {
            fill: #36393d
        }

        .st0[data-v-c74a6d12] {
            fill: #eff5fd
        }

        .st1[data-v-c74a6d12] {
            fill: #afb6bb
        }

        .st2[data-v-c74a6d12] {
            fill: #e7eced
        }

        .st3[data-v-c74a6d12] {
            fill: #fff
        }

        .st4[data-v-c74a6d12] {
            fill: #0077ce
        }

        .st5[data-v-c74a6d12] {
            fill: #20a0ff
        }

        .dark .st0[data-v-c74a6d12] {
            fill: #36393d
        }

        .st0[data-v-2a48d380] {
            fill: #eff5fd
        }

        .st1[data-v-2a48d380] {
            fill: #0077ce
        }

        .st2[data-v-2a48d380] {
            fill: #20a0ff
        }

        .st3[data-v-2a48d380] {
            fill: #fff
        }

        .dark .st0[data-v-2a48d380] {
            fill: #36393d
        }

        .st0[data-v-7147d4d3] {
            fill: #eff5fd
        }

        .st1[data-v-7147d4d3] {
            fill: #0077ce
        }

        .st2[data-v-7147d4d3] {
            fill: #20a0ff
        }

        .st3[data-v-7147d4d3] {
            fill: #7383bf
        }

        .dark .st0[data-v-7147d4d3] {
            fill: #36393d
        }

        .el-col[data-v-0ff2abb0] {
            padding: 0 7px
        }

        .card[data-v-0ff2abb0] {
            background: var(--el-fill-color-lighter);
            height: 204px;
            text-align: center;
            display: flex;
            justify-content: center;
            align-items: center;
            flex-direction: column
        }

        .card img[data-v-0ff2abb0] {
            margin: 1rem;
            width: 5rem;
            height: 5rem
        }

        @media screen and (max-width: 767px) {
            .el-col[data-v-0ff2abb0] {
                padding-bottom: 8px
            }
        }

        details[data-v-091742ce] {
            margin-top: 8px
        }

        .common-layout .el-header, .common-layout .el-footer{
            display: flex;
            justify-content: center;
            align-items: center
        }

        .common-layout .el-header, .common-layout .el-footer {
            background-color: var(--el-color-primary-light-7);
            color: var(--el-text-color-primary);
            text-align: center
        }

        .common-layout .el-aside {
            background-color: var(--el-color-primary-light-8);
            color: var(--el-text-color-primary);
            text-align: center
        }

        .common-layout .el-main {
            background-color: var(--el-color-primary-light-9);
            color: var(--el-text-color-primary);
            text-align: center;
            height: 150px
        }

        :root {
            --ep-c-bg-row: #f9fafc;
            --ep-c-bg-purple: #d3dce6;
            --ep-c-bg-purple-dark: #99a9bf;
            --ep-c-bg-purple-light: #e5e9f2
        }

        .dark {
            --ep-c-bg-row: #18191a;
            --ep-c-bg-purple: #46494d;
            --ep-c-bg-purple-dark: #242526;
            --ep-c-bg-purple-light: #667180
        }

        .row-bg {
            padding: 10px 0;
            background-color: var(--ep-c-bg-row)
        }

        .ep-bg-purple-dark {
            background: var(--ep-c-bg-purple-dark)
        }

        .ep-bg-purple {
            background: var(--ep-c-bg-purple)
        }

        .ep-bg-purple-light {
            background: var(--ep-c-bg-purple-light)
        }

        .hero-content[data-v-38a2534c] {
            padding: 32px
        }

        .language-list {
            list-style: disc
        }

        details[data-v-3b8c7a98] {
            margin-top: 8px
        }

        :root {
            --categories-c-bg: #F9FAFC;
            --categories-c-page: #E5E9F2;
            --categories-c-overlay: white;
            --categories-c-text: #99A9BF;
            --categories-c-icon: #E5E9F2;
            --categories-c-line: #E5E9F2
        }

        .dark {
            --categories-c-bg: #1D1E1F;
            --categories-c-page: #0A0A0A;
            --categories-c-overlay: #141414;
            --categories-c-text: #53637A;
            --categories-c-icon: #2F333D;
            --categories-c-line: #242529
        }

        .affix-container[data-v-0fce8c0c] {
            text-align: center;
            height: 400px;
            border-radius: 4px;
            background: var(--el-color-primary-light-9)
        }

        .demo-basic[data-v-d0ae47b8] {
            text-align: center
        }

        .demo-basic .sub-title[data-v-d0ae47b8] {
            margin-bottom: 10px;
            font-size: 14px;
            color: var(--el-text-color-secondary)
        }

        .demo-basic .demo-basic--circle[data-v-d0ae47b8], .demo-basic .demo-basic--square[data-v-d0ae47b8] {
            display: flex;
            justify-content: space-between;
            align-items: center
        }

        .demo-basic .block[data-v-d0ae47b8]:not(:last-child) {
            border-right: 1px solid var(--el-border-color)
        }

        .demo-basic .block[data-v-d0ae47b8] {
            flex: 1
        }

        .demo-basic .el-col[data-v-d0ae47b8]:not(:last-child) {
            border-right: 1px solid var(--el-border-color)
        }

        .demo-fit[data-v-0397bf42] {
            display: flex;
            text-align: center;
            justify-content: space-between
        }

        .demo-fit .block[data-v-0397bf42] {
            flex: 1;
            display: flex;
            flex-direction: column;
            flex-grow: 0
        }

        .demo-fit .title[data-v-0397bf42] {
            margin-bottom: 10px;
            font-size: 14px;
            color: var(--el-text-color-secondary)
        }

        .demo-type[data-v-c908985e] {
            display: flex
        }

        .demo-type > div[data-v-c908985e] {
            flex: 1;
            text-align: center
        }

        .demo-type > div[data-v-c908985e]:not(:last-child) {
            border-right: 1px solid var(--el-border-color)
        }

        .demo-border .text[data-v-a65b4710] {
            width: 15%
        }

        .demo-border .line[data-v-a65b4710] {
            width: 70%
        }

        .demo-border .line div[data-v-a65b4710] {
            width: 100%;
            height: 0;
            border-top: 1px solid var(--el-border-color)
        }

        .demo-border .line .dashed[data-v-a65b4710] {
            border-top: 2px dashed var(--el-border-color)
        }

        .demo-radius .title[data-v-48a70b64] {
            color: var(--el-text-color-regular);
            font-size: 18px;
            margin: 10px 0
        }

        .demo-radius .value[data-v-48a70b64] {
            color: var(--el-text-color-primary);
            font-size: 16px;
            margin: 10px 0
        }

        .demo-radius .radius[data-v-48a70b64] {
            height: 40px;
            width: 70%;
            border: 1px solid var(--el-border-color);
            border-radius: 0;
            margin-top: 20px
        }

        .demo-color-box {
            position: relative;
            border-radius: 4px;
            padding: 20px;
            margin: 8px 0;
            height: 112px;
            box-sizing: border-box;
            color: var(--el-color-white);
            font-size: 14px
        }

        .demo-color-box .bg-color-sub {
            width: 100%;
            height: 40px;
            left: 0;
            bottom: 0;
            position: absolute
        }

        .demo-color-box .bg-color-sub .bg-blue-sub-item {
            height: 100%;
            display: inline-block
        }

        .demo-color-box .bg-color-sub .bg-blue-sub-item:first-child {
            border-radius: 0 0 0 var(--el-border-radius-base)
        }

        .demo-color-box .bg-color-sub .bg-secondary-sub-item {
            height: 100%;
            display: inline-block
        }

        .demo-color-box .bg-color-sub .bg-secondary-sub-item:first-child {
            border-radius: 0 0 0 var(--el-border-radius-base)
        }

        .demo-color-box .value {
            margin-top: 2px
        }

        .demo-color-box-lite {
            color: var(--el-text-color-primary)
        }

        .layout-container-demo .el-header[data-v-fe949d50] {
            position: relative;
            background-color: var(--el-color-primary-light-7);
            color: var(--el-text-color-primary)
        }

        .layout-container-demo .el-aside[data-v-fe949d50] {
            color: var(--el-text-color-primary);
            background: var(--el-color-primary-light-8)
        }

        .layout-container-demo .el-menu[data-v-fe949d50] {
            border-right: none
        }

        .layout-container-demo .el-main[data-v-fe949d50] {
            padding: 0
        }

        .layout-container-demo .toolbar[data-v-fe949d50] {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            height: 100%;
            right: 20px
        }

        .demo-datetime-picker[data-v-4ee61130] {
            display: flex;
            width: 100%;
            padding: 0;
            flex-wrap: wrap;
            justify-content: space-around;
            align-items: stretch
        }

        .demo-datetime-picker .block[data-v-4ee61130] {
            padding: 30px 0;
            text-align: center
        }

        .line[data-v-4ee61130] {
            width: 1px;
            background-color: var(--el-border-color)
        }

        .demo-datetime-picker[data-v-08bdfd07] {
            display: flex;
            width: 100%;
            padding: 0;
            flex-wrap: wrap
        }

        .demo-datetime-picker .block[data-v-08bdfd07] {
            padding: 30px 0;
            text-align: center;
            border-right: solid 1px var(--el-border-color);
            flex: 1
        }

        .demo-datetime-picker .block[data-v-08bdfd07]:last-child {
            border-right: none
        }

        .demo-datetime-picker .demonstration[data-v-08bdfd07] {
            display: block;
            color: var(--el-text-color-secondary);
            font-size: 14px;
            margin-bottom: 20px
        }

        .block[data-v-ea6173e8] {
            padding: 30px 0;
            text-align: center;
            border-right: solid 1px var(--el-border-color);
            flex: 1
        }

        .block[data-v-ea6173e8]:last-child {
            border-right: none
        }

        .block .demonstration[data-v-ea6173e8] {
            display: block;
            color: var(--el-text-color-secondary);
            font-size: 14px;
            margin-bottom: 20px
        }

        .demo-datetime-picker[data-v-3d4e8696] {
            display: flex;
            width: 100%;
            padding: 0;
            flex-wrap: wrap
        }

        .demo-datetime-picker .block[data-v-3d4e8696] {
            padding: 30px 0;
            text-align: center;
            border-right: solid 1px var(--el-border-color);
            flex: 1
        }

        .demo-datetime-picker .block[data-v-3d4e8696]:last-child {
            border-right: none
        }

        .demo-datetime-picker .demonstration[data-v-3d4e8696] {
            display: block;
            color: var(--el-text-color-secondary);
            font-size: 14px;
            margin-bottom: 20px
        }

        .block[data-v-3d2a55e4] {
            padding: 30px 0;
            text-align: center;
            border-right: solid 1px var(--el-border-color);
            flex: 1
        }

        .block[data-v-3d2a55e4]:last-child {
            border-right: none
        }

        .block .demonstration[data-v-3d2a55e4] {
            display: block;
            color: var(--el-text-color-secondary);
            font-size: 14px;
            margin-bottom: 20px
        }

        .my-header[data-v-49312eee] {
            display: flex;
            flex-direction: row;
            justify-content: space-between;
            gap: 16px
        }

        .demo-image .block[data-v-4237d7ec] {
            padding: 30px 0;
            text-align: center;
            border-right: solid 1px var(--el-border-color);
            display: inline-block;
            width: 20%;
            box-sizing: border-box;
            vertical-align: top
        }

        .demo-image .block[data-v-4237d7ec]:last-child {
            border-right: none
        }

        .demo-image .demonstration[data-v-4237d7ec] {
            display: block;
            color: var(--el-text-color-secondary);
            font-size: 14px;
            margin-bottom: 20px
        }

        .demo-image__error .image-slot[data-v-0ce597d7], .demo-image__error .image-slot .el-icon[data-v-0ce597d7] {
            font-size: 30px
        }

        .demo-image__error .el-image[data-v-0ce597d7] {
            width: 100%;
            height: 200px
        }

        .demo-image__lazy[data-v-3f471bb0] {
            height: 400px;
            overflow-y: auto
        }

        .demo-image__lazy .el-image[data-v-3f471bb0] {
            display: block;
            min-height: 200px;
            margin-bottom: 10px
        }

        .demo-image__lazy .el-image[data-v-3f471bb0]:last-child {
            margin-bottom: 0
        }

        .demo-image__error .block[data-v-c1e72660] {
            padding: 30px 0;
            text-align: center;
            border-right: solid 1px var(--el-border-color);
            display: inline-block;
            width: 49%;
            box-sizing: border-box;
            vertical-align: top
        }

        .demo-image__error .demonstration[data-v-c1e72660] {
            display: block;
            color: var(--el-text-color-secondary);
            font-size: 14px;
            margin-bottom: 20px
        }

        .demo-image__error .el-image[data-v-c1e72660] {
            padding: 0 5px;
            max-width: 300px;
            max-height: 200px;
            width: 100%;
            height: 200px
        }

        .demo-image__error .image-slot[data-v-c1e72660] {
            display: flex;
            justify-content: center;
            align-items: center;
            width: 100%;
            height: 100%;
            background: var(--el-fill-color-light);
            color: var(--el-text-color-secondary);
            font-size: 30px
        }

        .demo-image__error .image-slot .el-icon[data-v-c1e72660] {
            font-size: 30px
        }

        .demo-image__placeholder .block[data-v-6b0684da] {
            padding: 30px 0;
            text-align: center;
            border-right: solid 1px var(--el-border-color);
            display: inline-block;
            width: 49%;
            box-sizing: border-box;
            vertical-align: top
        }

        .demo-image__placeholder .demonstration[data-v-6b0684da] {
            display: block;
            color: var(--el-text-color-secondary);
            font-size: 14px;
            margin-bottom: 20px
        }

        .demo-image__placeholder .el-image[data-v-6b0684da] {
            padding: 0 5px;
            max-width: 300px;
            max-height: 200px
        }

        .demo-image__placeholder.image-slot[data-v-6b0684da] {
            display: flex;
            justify-content: center;
            align-items: center;
            width: 100%;
            height: 100%;
            background: var(--el-fill-color-light);
            color: var(--el-text-color-secondary);
            font-size: 14px
        }

        .demo-image__placeholder .dot[data-v-6b0684da] {
            animation: dot 2s infinite steps(3, start);
            overflow: hidden
        }

        .el-row {
            margin-bottom: 20px
        }

        .el-row:last-child {
            margin-bottom: 0
        }

        .el-col {
            border-radius: 4px
        }

        .grid-content {
            border-radius: 4px;
            min-height: 36px
        }

        .el-button + .el-button[data-v-6cbd70fc] {
            margin-left: 8px
        }

        .demo-rate-block[data-v-46a3b37b] {
            padding: 30px 0;
            text-align: center;
            border-right: solid 1px var(--el-border-color);
            display: inline-block;
            width: 49%;
            box-sizing: border-box
        }

        .demo-rate-block[data-v-46a3b37b]:last-child {
            border-right: none
        }

        .demo-rate-block .demonstration[data-v-46a3b37b] {
            display: block;
            color: var(--el-text-color-secondary);
            font-size: 14px;
            margin-bottom: 20px
        }

        .scrollbar-demo-item[data-v-c89b7d76] {
            display: flex;
            align-items: center;
            justify-content: center;
            height: 50px;
            margin: 10px;
            text-align: center;
            border-radius: 4px;
            background: var(--el-color-primary-light-9);
            color: var(--el-color-primary)
        }

        .scrollbar-flex-content[data-v-7b938c1c] {
            display: flex
        }

        .scrollbar-demo-item[data-v-7b938c1c] {
            flex-shrink: 0;
            display: flex;
            align-items: center;
            justify-content: center;
            width: 100px;
            height: 50px;
            margin: 10px;
            text-align: center;
            border-radius: 4px;
            background: var(--el-color-danger-light-9);
            color: var(--el-color-danger)
        }

        .scrollbar-demo-item[data-v-67ca7c1f] {
            display: flex;
            align-items: center;
            justify-content: center;
            height: 50px;
            margin: 10px;
            text-align: center;
            border-radius: 4px;
            background: var(--el-color-primary-light-9);
            color: var(--el-color-primary)
        }

        .el-slider[data-v-67ca7c1f] {
            margin-top: 20px
        }

        .scrollbar-demo-item[data-v-573bb73b] {
            display: flex;
            align-items: center;
            justify-content: center;
            height: 50px;
            margin: 10px;
            text-align: center;
            border-radius: 4px;
            background: var(--el-color-primary-light-9);
            color: var(--el-color-primary)
        }

        .el-col[data-v-8b63984a] {
            text-align: center
        }

        h2#card-usage ~ .example .example-showcase {
            background-color: var(--el-fill-color) !important
        }

        .el-statistic[data-v-77e81cee] {
            --el-statistic-content-font-size: 28px
        }

        .statistic-card[data-v-77e81cee] {
            height: 100%;
            padding: 20px;
            border-radius: 4px;
            background-color: var(--el-bg-color-overlay)
        }

        .statistic-footer[data-v-77e81cee] {
            display: flex;
            justify-content: space-between;
            align-items: center;
            flex-wrap: wrap;
            font-size: 12px;
            color: var(--el-text-color-regular);
            margin-top: 16px
        }

        .statistic-footer .footer-item[data-v-77e81cee] {
            display: flex;
            justify-content: space-between;
            align-items: center
        }

        .statistic-footer .footer-item span[data-v-77e81cee]:last-child {
            display: inline-flex;
            align-items: center;
            margin-left: 4px
        }

        .green[data-v-77e81cee] {
            color: var(--el-color-success)
        }

        .red[data-v-77e81cee] {
            color: var(--el-color-error)
        }

        .el-col[data-v-7e844b10] {
            text-align: center
        }

        .countdown-footer[data-v-7e844b10] {
            margin-top: 8px
        }

        .hovering-col-0 [data-key=hovering-col-0], .hovering-col-1 [data-key=hovering-col-1], .hovering-col-2 [data-key=hovering-col-2], .hovering-col-3 [data-key=hovering-col-3], .hovering-col-4 [data-key=hovering-col-4], .hovering-col-5 [data-key=hovering-col-5], .hovering-col-6 [data-key=hovering-col-6], .hovering-col-7 [data-key=hovering-col-7], .hovering-col-8 [data-key=hovering-col-8], .hovering-col-9 [data-key=hovering-col-9], .hovering-col-10 [data-key=hovering-col-10] {
            background: var(--el-table-row-hover-bg-color)
        }

        [data-key=hovering-col-0] {
            font-weight: 700;
            user-select: none;
            pointer-events: none
        }

        .el-table-v2__row-depth-0 {
            height: 50px
        }

        .el-table-v2__cell-text {
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap
        }

        .el-table-v2__demo-filter {
            border-top: var(--el-border);
            margin: 12px -12px -12px;
            padding: 0 12px;
            display: flex;
            justify-content: space-between
        }

        .el-el-table-v2__header-row .custom-header-cell {
            border-right: 1px solid var(--el-border-color)
        }

        .el-el-table-v2__header-row .custom-header-cell:last-child {
            border-right: none
        }

        .el-primary-color {
            background-color: var(--el-color-primary);
            color: var(--el-color-white);
            font-size: 14px;
            font-weight: 700
        }

        .el-primary-color .custom-header-cell {
            padding: 0 4px
        }

        .table-v2-inline-editing-trigger {
            border: 1px transparent dotted;
            padding: 4px
        }

        .table-v2-inline-editing-trigger:hover {
            border-color: var(--el-color-primary)
        }

        .example-showcase .el-table-v2__overlay {
            z-index: 9
        }

        .el-el-table-v2__fixed-header-row {
            background-color: var(--el-color-primary-light-5);
            font-weight: 700
        }

        .el-table .warning-row {
            --el-table-tr-bg-color: var(--el-color-warning-light-9)
        }

        .el-table .success-row {
            --el-table-tr-bg-color: var(--el-color-success-light-9)
        }

        .demo-tabs .custom-tabs-label .el-icon {
            vertical-align: middle
        }

        .demo-tabs .custom-tabs-label span {
            vertical-align: middle;
            margin-left: 4px
        }

        .demo-tabs > .el-tabs__content {
            padding: 32px;
            color: #6b778c;
            font-size: 32px;
            font-weight: 600
        }

        .el-tabs--right .el-tabs__content, .el-tabs--left .el-tabs__content {
            height: 100%
        }

        .avatar-uploader .avatar[data-v-36fef47d] {
            width: 178px;
            height: 178px;
            display: block
        }

        .avatar-uploader .el-upload {
            border: 1px dashed var(--el-border-color);
            border-radius: 6px;
            cursor: pointer;
            position: relative;
            overflow: hidden;
            transition: var(--el-transition-duration-fast)
        }

        .avatar-uploader .el-upload:hover {
            border-color: var(--el-color-primary)
        }

        .el-icon.avatar-uploader-icon {
            font-size: 28px;
            color: #8c939d;
            width: 178px;
            height: 178px;
            text-align: center
        }

        .wrapper[data-v-5812429f] {
            display: flex
        }

        .watermark[data-v-5812429f] {
            display: flex;
            flex: auto
        }

        .demo[data-v-5812429f] {
            flex: auto
        }

        .form[data-v-5812429f] {
            width: 330px;
            margin-left: 20px;
            border-left: 1px solid #eee;
            padding-left: 20px
        }

        img[data-v-5812429f] {
            z-index: 10;
            width: 100%;
            max-width: 300px;
            position: relative
        }

        .transition-box {
            margin-bottom: 10px;
            width: 200px;
            height: 100px;
            border-radius: 4px;
            background-color: #409eff;
            text-align: center;
            color: #fff;
            padding: 40px 20px;
            box-sizing: border-box;
            margin-right: 20px
        }

        .right-layer[data-v-6433ef6f] {
            --rl-c-0: white;
            --rl-c-1: #e4efff;
            filter: drop-shadow(0px 0px 6px rgba(10, 34, 59, .04)) drop-shadow(0px 6px 20px rgba(10, 34, 59, .08))
        }

        .dark .right-layer[data-v-6433ef6f] {
            --rl-c-0: #1e2835;
            --rl-c-1: #444f5d;
            filter: drop-shadow(0px 0px 6px rgba(6, 15, 26, .24)) drop-shadow(0px 6px 20px rgba(6, 15, 26, .48))
        }

        .left-bottom-layer[data-v-30184cf1] {
            --lbl-c-0: white;
            --lbl-c-1: #c7dbf8;
            --lbl-c-2: #98bdf2;
            --lbl-c-3: #e4efff
        }

        .dark .left-bottom-layer[data-v-30184cf1] {
            --lbl-c-0: #1e2835;
            --lbl-c-1: #58677a;
            --lbl-c-2: #2f5790;
            --lbl-c-3: #444f5d
        }

        .left-layer-svg[data-v-289a1ee8] {
            --ll-c-0: #5c97ee
        }

        .dark .left-layer-svg[data-v-289a1ee8] {
            --ll-c-0: #4372b6
        }

        .people-svg[data-v-006549dc] {
            --people-c-0: #ece6e6;
            --people-c-1: #ddd7d7;
            --people-c-2: #fbbda4;
            --people-c-3: #190e02;
            --people-c-4: #70a2eb;
            --people-c-5: #3f3c7e;
            --people-c-6: #504d84;
            --people-c-7: #504d84;
            --people-c-8: #70a2eb;
            --people-c-9: #f1f7ff
        }

        .dark .people-svg[data-v-006549dc] {
            --people-c-0: #2e2929;
            --people-c-1: #3a3838;
            --people-c-2: #c19a8b;
            --people-c-3: #252938;
            --people-c-4: #42597a;
            --people-c-5: #222045;
            --people-c-6: #27235e;
            --people-c-7: #29274f;
            --people-c-8: #42597a;
            --people-c-9: #1e1f1f
        }

        .screen-svg[data-v-f4464888] {
            --screen-c-0: #e4efff;
            --screen-c-1: #c7deff;
            --screen-c-2: white;
            --screen-c-3: #eff5ff;
            --screen-c-4: var(--screen-c-3);
            --screen-c-5: #bdd8ff;
            --screen-c-6: #eff5ff
        }

        .dark .screen-svg[data-v-f4464888] {
            --screen-c-0: #0d1014;
            --screen-c-1: #7fabee;
            --screen-c-2: #14181e;
            --screen-c-3: #303c4b;
            --screen-c-4: #1d242c;
            --screen-c-5: #5f7ca5;
            --screen-c-6: #313c4b
        }

        .home-page .sponsors-container {
            margin-top: 72px
        }

        .home-page .sponsors-container .join {
            text-align: center;
            margin: 0 0 52px
        }

        .home-page .sponsor-list {
            --min-width: 100%;
            grid-template-columns: repeat(auto-fit, minmax(var(--min-width), 420px));
            justify-content: center
        }

        .home-page .sponsor-list.platinum {
            --min-width: 220px
        }

        .home-page .sponsor-list.gold {
            --min-width: 140px
        }

        @media (max-width: 720px) {
            .home-page .sponsor-list.gold {
                --min-width: 160px
            }
        }

        .home-page .sponsor {
            margin: 0 20px 10px;
            height: calc(var(--min-width) / 2);
            align-items: center
        }

        .home-page .sponsor .name {
            font-weight: 700;
            color: var(--text-color);
            font-size: 14px
        }

        .home-page .sponsor img {
            margin-right: 16px
        }

        .home-page .sponsor div {
            display: flex;
            flex-direction: column;
            justify-content: center
        }

        .home-page .sponsor p {
            margin: 0;
            line-height: 1.8;
            color: var(--text-color-light);
            font-size: 12px
        }

        .resource-svg[data-v-bfc972c6] {
            --resource-c-0: #eff5fd;
            --resource-c-1: #d9edfe;
            --resource-c-2: white;
            --resource-c-3: #eff5fd
        }

        .dark .resource-svg[data-v-bfc972c6] {
            --resource-c-0: #272b31;
            --resource-c-1: #3b6a92;
            --resource-c-2: #273751;
            --resource-c-3: #3a5a88
        }

        .component-svg[data-v-6775947e] {
            --component-c-0: #eff5fd;
            --component-c-1: white;
            --component-c-2: #d9edfe;
            --component-c-3: var(--component-c-2);
            --component-c-4: var(--component-c-2);
            --component-c-5: #6496dc;
            --component-c-6: #80a8e1;
            --component-c-7: #dff2ff
        }

        .dark .component-svg[data-v-6775947e] {
            --component-c-0: #272b31;
            --component-c-1: #273751;
            --component-c-2: #394c68;
            --component-c-3: #20a0ff;
            --component-c-4: #384692;
            --component-c-5: #263346;
            --component-c-6: #3a5a88;
            --component-c-7: white
        }

        .guide-svg[data-v-108d5ecd] {
            --guide-c-0: #eff5fd;
            --guide-c-1: white;
            --guide-c-2: #d9edfe;
            --guide-c-3: #eff5fd
        }

        .dark .guide-svg[data-v-108d5ecd] {
            --guide-c-0: #272b31;
            --guide-c-1: #273751;
            --guide-c-2: #394c68;
            --guide-c-3: #384962
        }

        .home-page .cards {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 16px;
            margin: 0 auto 80px;
            max-width: 1200px
        }

        .home-page .el-card {
            height: 430px;
            background: var(--bg-color);
            border: 1px solid var(--border-color);
            border-radius: 5px;
            box-sizing: border-box;
            text-align: center;
            position: relative;
            transition: all .3s;
            bottom: 0
        }

        .home-page .el-card .el-card__body {
            padding: 0;
            height: 100%
        }

        .home-page .el-card .el-card__footer {
            position: sticky;
            bottom: 0;
            padding: 0
        }

        .home-page .el-card img {
            margin: 48px auto
        }

        .home-page .el-card h3 {
            margin: 0;
            font-size: 18px;
            color: var(--el-text-color-primary);
            font-weight: 400
        }

        .home-page .el-card p {
            font-size: 14px;
            color: #99a9bf;
            padding: 0 25px;
            line-height: 20px;
            margin: 16px 0
        }

        .home-page .el-card a {
            line-height: 52px;
            font-size: 14px;
            color: var(--brand-color);
            text-align: center;
            border: 0;
            padding: 0;
            cursor: pointer;
            background-color: var(--bg-color);
            transition: all .3s;
            text-decoration: none;
            display: block
        }

        .home-page .el-card a:hover {
            color: #fff;
            background: var(--brand-color)
        }

        .home-page .el-card:hover {
            bottom: 6px
        }

        @media (max-width: 768px) {
            .home-page .cards {
                grid-template-columns:1fr
            }

            .home-page .el-card {
                height: auto
            }
        }

        .home-page .mobile-banner {
            display: none
        }

        .home-page .banner-dot h1 span {
            position: relative
        }

        .home-page .banner-dot h1 span:after {
            content: "";
            position: absolute;
            right: -12px;
            bottom: 8px;
            background: var(--el-color-primary);
            height: 8px;
            width: 8px;
            border-radius: 100%
        }

        .home-page .banner-desc h1 {
            font-size: 48px;
            font-weight: 800;
            margin: 0;
            color: var(--text-color);
            font-family: Inter, sans-serif
        }

        .home-page .banner-desc p {
            font-size: 16px;
            margin-top: 20px;
            color: var(--text-color-light)
        }

        .home-page .count-down .cd-main {
            background: #f1f6fe;
            border-radius: 10px;
            width: 50%;
            margin: 60px auto 120px;
            padding: 30px 0;
            font-size: 24px;
            color: #666;
            text-align: center;
            font-weight: 600
        }

        .home-page .count-down .cd-date {
            font-size: 28px
        }

        .home-page .count-down .cd-time {
            display: flex;
            justify-content: space-between;
            width: 80%;
            margin: 10px auto 0
        }

        .home-page .count-down .cd-num {
            color: var(--el-color-primary);
            font-size: 78px;
            font-weight: 700
        }

        .home-page .count-down .cd-num span {
            width: 50%;
            display: inline-block
        }

        .home-page .count-down .cd-str {
            font-size: 22px;
            margin-top: -5px
        }

        .home-page .jumbotron {
            width: 800px;
            margin: 20px auto;
            position: relative
        }

        .home-page .jumbotron img {
            width: 100%
        }

        .home-page .jumbotron .parallax-container {
            width: 800px
        }

        @media screen and (max-width: 959px) {
            .home-page .jumbotron {
                display: none !important
            }

            .home-page .mobile-banner {
                margin-top: 10px;
                display: inline-block
            }
        }

        @media (max-width: 768px) {
            .home-page .jumbotron {
                width: 50%;
                display: flex;
                margin: auto;
                justify-content: center;
                align-items: center
            }

            .home-page .jumbotron .parallax-container {
                width: 100%
            }
        }

        @media (max-width: 768px) {
            .home-page .banner-stars {
                display: none
            }

            .home-page .banner-desc h1 {
                font-size: 36px
            }

            .home-page .banner-desc p {
                margin-top: 10px;
                font-size: 14px
            }

            .home-page .banner-dot h1 span:after {
                right: -8px;
                bottom: 2px;
                height: 6px;
                width: 6px
            }

            .home-page .count-down .cd-main {
                width: 90%;
                margin: 40px auto;
                padding: 20px 0
            }

            .home-page .count-down .cd-date {
                font-size: 22px
            }

            .home-page .count-down .cd-num {
                font-size: 38px
            }

            .home-page .count-down .cd-str {
                font-size: 12px;
                margin-top: 0
            }

            .home-page .sponsors-list {
                display: flex;
                flex-direction: column;
                align-content: center
            }

            .home-page .sponsors-list .sponsor {
                justify-content: left
            }
        }

        .home-page .theme-intro-b {
            position: fixed;
            left: 0;
            right: 0;
            top: 0;
            bottom: 0;
            z-index: 200
        }

        .home-page .theme-intro-b .intro-banner {
            position: absolute
        }

        .home-page .theme-intro-b img {
            width: 300px
        }

        .home-page .theme-intro-b .title {
            position: absolute;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
            color: #fff;
            text-align: center;
            font-weight: 700;
            font-size: 20px;
            display: flex;
            justify-content: center;
            align-items: center
        }

        .home-page .theme-intro-b .title p {
            padding: 0;
            margin: 10px 0
        }

        .home-page .theme-intro-a {
            position: fixed;
            left: 0;
            right: 0;
            top: 0;
            bottom: 0;
            z-index: 200
        }

        .home-page .theme-intro-a .mask {
            position: fixed;
            left: 0;
            right: 0;
            top: 0;
            bottom: 0;
            background: #000;
            opacity: .5
        }

        .home-page .theme-intro-a .intro-banner {
            top: 50%;
            left: 50%;
            position: fixed;
            transform: translate(-50%, -50%);
            box-sizing: border-box;
            text-align: center;
            z-index: 100
        }

        .home-page .theme-intro-a .intro-banner img {
            width: 100%
        }

        .home-page .theme-intro-a .intro-banner .intro-text {
            position: absolute;
            top: 50%;
            left: 0;
            right: 0
        }

        .home-page .theme-intro-a .intro-banner .intro-text p {
            padding: 0;
            margin: 0;
            font-size: 48px;
            font-weight: 700;
            color: #fff
        }

        .dark .parallax-container {
            filter: drop-shadow(0px 0px 10px #409eff)
        }

        .st0[data-v-3732c2a3] {
            fill: #f2f8fe
        }

        .st1[data-v-3732c2a3] {
            fill-rule: evenodd;
            clip-rule: evenodd;
            fill: #ddeafc
        }

        .st2[data-v-3732c2a3] {
            fill: #fff
        }

        .st3[data-v-3732c2a3] {
            fill: #20a0ff
        }

        .st4[data-v-3732c2a3] {
            fill: #0d89e5
        }

        .st5[data-v-3732c2a3] {
            fill: #80a8e1
        }

        .st6[data-v-3732c2a3] {
            fill: #5289d6
        }

        .st7[data-v-3732c2a3] {
            fill: #ffd6d2
        }

        .st8[data-v-3732c2a3] {
            fill: #f8a3a4
        }

        .st9[data-v-3732c2a3] {
            fill: #dbedff
        }

        .st10[data-v-3732c2a3] {
            fill: #a2c6eb
        }

        .st11[data-v-3732c2a3] {
            fill-rule: evenodd;
            clip-rule: evenodd;
            fill: #deebfd
        }

        .dark .st0[data-v-3732c2a3] {
            fill: #272829
        }

        .dark .st1[data-v-3732c2a3] {
            fill-rule: evenodd;
            clip-rule: evenodd;
            fill: #494c52
        }

        .dark .st2[data-v-3732c2a3] {
            fill: #33383d
        }

        .dark .st3[data-v-3732c2a3] {
            fill: #20a0ff
        }

        .dark .st4[data-v-3732c2a3] {
            fill: #0d89e5
        }

        .dark .st5[data-v-3732c2a3] {
            fill: #80a8e1
        }

        .dark .st6[data-v-3732c2a3] {
            fill: #5289d6
        }

        .dark .st7[data-v-3732c2a3] {
            fill: #ffd6d2
        }

        .dark .st8[data-v-3732c2a3] {
            fill: #f8a3a4
        }

        .dark .st9[data-v-3732c2a3] {
            fill: #5d6874
        }

        .dark .st10[data-v-3732c2a3] {
            fill: #a2c6eb
        }

        .dark .st11[data-v-3732c2a3] {
            fill-rule: evenodd;
            clip-rule: evenodd;
            fill: #3e4652
        }

        .st0[data-v-6a529de1] {
            fill: #f2f8fe
        }

        .st1[data-v-6a529de1] {
            fill: #ffd6d2
        }

        .st2[data-v-6a529de1] {
            fill: #20a0ff
        }

        .st3[data-v-6a529de1] {
            fill: #6496dc
        }

        .st4[data-v-6a529de1] {
            fill: #afc8ea
        }

        .st5[data-v-6a529de1] {
            fill: #80a8e1
        }

        .st6[data-v-6a529de1] {
            fill: #93b8ee
        }

        .st7[data-v-6a529de1] {
            fill: #afc8eb
        }

        .dark .st0[data-v-6a529de1] {
            fill: #3e444a
        }

        .st0[data-v-37de047c] {
            fill: #f2f8fe
        }

        .st1[data-v-37de047c] {
            fill: #1abcfe
        }

        .st2[data-v-37de047c] {
            fill: #0acf83
        }

        .st3[data-v-37de047c] {
            fill: #ff7262
        }

        .st4[data-v-37de047c] {
            fill: #f24e1e
        }

        .st5[data-v-37de047c] {
            fill: #a259ff
        }

        .st6[data-v-37de047c] {
            fill: #20a0ff
        }

        .st7[data-v-37de047c] {
            fill: #fff
        }

        .st8[data-v-37de047c] {
            fill-rule: evenodd;
            clip-rule: evenodd;
            fill: #deecf9
        }

        .dark .st0[data-v-37de047c] {
            fill: #272829
        }

        .dark .st8[data-v-37de047c] {
            fill-rule: evenodd;
            clip-rule: evenodd;
            fill: #373f48
        }

        .page-resource[data-v-e2c5a02a] {
            box-sizing: border-box;
            padding: 0 40px
        }

        .page-resource h1[data-v-e2c5a02a] {
            color: var(--text-color);
            margin-bottom: 24px
        }

        .page-resource p[data-v-e2c5a02a] {
            color: var(--text-color-light);
            line-height: 24px;
            margin: 0
        }

        .page-resource p[data-v-e2c5a02a]:last-of-type {
            margin-top: 8px
        }

        .resource-content[data-v-e2c5a02a] {
            margin-top: 32px;
            display: grid;
            gap: 16px;
            grid-template-columns: repeat(auto-fit, minmax(480px, 1fr))
        }

        .card[data-v-e2c5a02a] {
            width: 100%;
            text-align: center;
            padding: 32px 0
        }

        .card img[data-v-e2c5a02a] {
            margin: auto auto 16px;
            height: 87px
        }

        .card h3[data-v-e2c5a02a] {
            margin: 10px;
            font-size: 18px;
            font-weight: 400
        }

        .card p[data-v-e2c5a02a] {
            font-size: 14px;
            color: #99a9bf;
            padding: 0 30px;
            margin: 0 0 16px;
            overflow-wrap: break-word;
            line-height: 1.8;
            min-height: 75px
        }

        .demo-color-box {
            position: relative;
            border-radius: 4px;
            padding: 20px;
            margin: 8px 0;
            height: 112px;
            box-sizing: border-box;
            color: var(--el-color-white);
            font-size: 14px
        }

        .demo-color-box .bg-color-sub {
            width: 100%;
            height: 40px;
            left: 0;
            bottom: 0;
            position: absolute
        }

        .demo-color-box .bg-color-sub .bg-blue-sub-item {
            height: 100%;
            display: inline-block
        }

        .demo-color-box .bg-color-sub .bg-blue-sub-item:first-child {
            border-radius: 0 0 0 var(--el-border-radius-base)
        }

        .demo-color-box .bg-color-sub .bg-secondary-sub-item {
            height: 100%;
            display: inline-block
        }

        .demo-color-box .bg-color-sub .bg-secondary-sub-item:first-child {
            border-radius: 0 0 0 var(--el-border-radius-base)
        }

        .demo-color-box .value {
            margin-top: 2px
        }

        .demo-color-box-lite {
            color: var(--el-text-color-primary)
        }

        .common-layout .el-header, .common-layout .el-footer{
            display: flex;
            justify-content: center;
            align-items: center
        }

        .common-layout .el-header, .common-layout .el-footer {
            background-color: var(--el-color-primary-light-7);
            color: var(--el-text-color-primary);
            text-align: center
        }

        .common-layout .el-aside {
            background-color: var(--el-color-primary-light-8);
            color: var(--el-text-color-primary);
            text-align: center
        }

        .common-layout .el-main {
            background-color: var(--el-color-primary-light-9);
            color: var(--el-text-color-primary);
            text-align: center;
            height: 150px
        }

        .cell[data-v-7903cb91] {
            height: 30px;
            padding: 3px 0;
            box-sizing: border-box
        }

        .cell .text[data-v-7903cb91] {
            width: 24px;
            height: 24px;
            display: block;
            margin: 0 auto;
            line-height: 24px;
            position: absolute;
            left: 50%;
            transform: translate(-50%);
            border-radius: 50%
        }

        .cell.current .text[data-v-7903cb91] {
            background: #626aef;
            color: #fff
        }

        .cell .holiday[data-v-7903cb91] {
            position: absolute;
            width: 6px;
            height: 6px;
            background: var(--el-color-danger);
            border-radius: 50%;
            bottom: 0px;
            left: 50%;
            transform: translate(-50%)
        }

        .demo-date-picker[data-v-0448ae7d] {
            display: flex;
            width: 100%;
            padding: 0;
            flex-wrap: wrap
        }

        .demo-date-picker .block[data-v-0448ae7d] {
            padding: 30px 0;
            text-align: center;
            border-right: solid 1px var(--el-border-color);
            flex: 1
        }

        .demo-date-picker .block[data-v-0448ae7d]:last-child {
            border-right: none
        }

        .demo-date-picker .demonstration[data-v-0448ae7d] {
            display: block;
            color: var(--el-text-color-secondary);
            font-size: 14px;
            margin-bottom: 20px
        }

        .demo-date-picker[data-v-22a02245] {
            display: flex;
            width: 100%;
            padding: 0;
            flex-wrap: wrap
        }

        .demo-date-picker .block[data-v-22a02245] {
            padding: 30px 0;
            text-align: center;
            border-right: solid 1px var(--el-border-color);
            flex: 1
        }

        .demo-date-picker .block[data-v-22a02245]:last-child {
            border-right: none
        }

        .demo-date-picker .demonstration[data-v-22a02245] {
            display: block;
            color: var(--el-text-color-secondary);
            font-size: 14px;
            margin-bottom: 20px
        }

        .demo-date-picker[data-v-6f795c92] {
            display: flex;
            width: 100%;
            padding: 0;
            flex-wrap: wrap
        }

        .demo-date-picker .block[data-v-6f795c92] {
            padding: 30px 0;
            text-align: center;
            border-right: solid 1px var(--el-border-color);
            flex: 1
        }

        .demo-date-picker .block[data-v-6f795c92]:last-child {
            border-right: none
        }

        .demo-date-picker .demonstration[data-v-6f795c92] {
            display: block;
            color: var(--el-text-color-secondary);
            font-size: 14px;
            margin-bottom: 20px
        }

        .demo-date-picker[data-v-67374476] {
            display: flex;
            width: 100%;
            padding: 0;
            flex-wrap: wrap
        }

        .demo-date-picker .block[data-v-67374476] {
            padding: 30px 0;
            text-align: center;
            border-right: solid 1px var(--el-border-color);
            flex: 1
        }

        .demo-date-picker .block[data-v-67374476]:last-child {
            border-right: none
        }

        .demo-date-picker[data-v-38bef54f] {
            display: flex;
            width: 100%;
            padding: 0;
            flex-wrap: wrap
        }

        .demo-date-picker .block[data-v-38bef54f] {
            padding: 30px 0;
            text-align: center;
            border-right: solid 1px var(--el-border-color);
            flex: 1
        }

        .demo-date-picker .block[data-v-38bef54f]:last-child {
            border-right: none
        }

        .demo-date-picker .demonstration[data-v-38bef54f] {
            display: block;
            color: var(--el-text-color-secondary);
            font-size: 14px;
            margin-bottom: 20px
        }

        .demo-date-picker[data-v-3b12f003] {
            display: flex;
            width: 100%;
            padding: 0;
            flex-wrap: wrap
        }

        .demo-date-picker .block[data-v-3b12f003] {
            padding: 30px 0;
            text-align: center;
            border-right: solid 1px var(--el-border-color);
            flex: 1
        }

        .demo-date-picker .block[data-v-3b12f003]:last-child {
            border-right: none
        }

        .demo-date-picker .demonstration[data-v-3b12f003] {
            display: block;
            color: var(--el-text-color-secondary);
            font-size: 14px;
            margin-bottom: 20px
        }

        .demo-date-picker[data-v-1600f9f8] {
            display: flex;
            width: 100%;
            padding: 0;
            flex-wrap: wrap
        }

        .demo-date-picker .block[data-v-1600f9f8] {
            padding: 30px 0;
            text-align: center;
            border-right: solid 1px var(--el-border-color);
            flex: 1
        }

        .demo-date-picker .block[data-v-1600f9f8]:last-child {
            border-right: none
        }

        .demo-date-picker .demonstration[data-v-1600f9f8] {
            display: block;
            color: var(--el-text-color-secondary);
            font-size: 14px;
            margin-bottom: 20px
        }

        .demo-date-picker[data-v-fb2c7272] {
            display: flex;
            width: 100%;
            padding: 0;
            flex-wrap: wrap
        }

        .demo-date-picker .block[data-v-fb2c7272] {
            padding: 30px 0;
            text-align: center;
            border-right: solid 1px var(--el-border-color);
            flex: 1
        }

        .demo-date-picker .block[data-v-fb2c7272]:last-child {
            border-right: none
        }

        .demo-date-picker .container[data-v-fb2c7272] {
            flex: 1;
            border-right: solid 1px var(--el-border-color)
        }

        .demo-date-picker .container .block[data-v-fb2c7272] {
            border-right: none
        }

        .demo-date-picker .container .block[data-v-fb2c7272]:last-child {
            border-top: solid 1px var(--el-border-color)
        }

        .demo-date-picker .container[data-v-fb2c7272]:last-child {
            border-right: none
        }

        .demo-date-picker .demonstration[data-v-fb2c7272] {
            display: block;
            color: var(--el-text-color-secondary);
            font-size: 14px;
            margin-bottom: 20px
        }

        :root {
            --ep-c-bg-row: #f9fafc;
            --ep-c-bg-purple: #d3dce6;
            --ep-c-bg-purple-dark: #99a9bf;
            --ep-c-bg-purple-light: #e5e9f2
        }

        .dark {
            --ep-c-bg-row: #18191a;
            --ep-c-bg-purple: #46494d;
            --ep-c-bg-purple-dark: #242526;
            --ep-c-bg-purple-light: #667180
        }

        .row-bg {
            padding: 10px 0;
            background-color: var(--ep-c-bg-row)
        }

        .ep-bg-purple-dark {
            background: var(--ep-c-bg-purple-dark)
        }

        .ep-bg-purple {
            background: var(--ep-c-bg-purple)
        }

        .ep-bg-purple-light {
            background: var(--ep-c-bg-purple-light)
        }

        @charset "UTF-8"; /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
        html {
            line-height: 1.15;
            -webkit-text-size-adjust: 100%
        }

        body {
            margin: 0
        }

        main {
            display: block
        }

        h1 {
            font-size: 2em;
            margin: .67em 0
        }

        hr {
            box-sizing: content-box;
            height: 0;
            overflow: visible
        }

        pre {
            font-family: monospace, monospace;
            font-size: 1em
        }

        a {
            background-color: transparent
        }

        abbr[title] {
            border-bottom: none;
            text-decoration: underline;
            text-decoration: underline dotted
        }

        b, strong {
            font-weight: bolder
        }

        code, kbd, samp {
            font-family: monospace, monospace;
            font-size: 1em
        }

        small {
            font-size: 80%
        }

        sub, sup {
            font-size: 75%;
            line-height: 0;
            position: relative;
            vertical-align: baseline
        }

        sub {
            bottom: -.25em
        }

        sup {
            top: -.5em
        }

        img {
            border-style: none
        }

        button, input, optgroup, select, textarea {
            font-family: inherit;
            font-size: 100%;
            line-height: 1.15;
            margin: 0
        }

        button, input {
            overflow: visible
        }

        button, select {
            text-transform: none
        }

        button, [type=button], [type=reset], [type=submit] {
            -webkit-appearance: button
        }

        button::-moz-focus-inner, [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner {
            border-style: none;
            padding: 0
        }

        button:-moz-focusring, [type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring {
            outline: 1px dotted ButtonText
        }

        fieldset {
            padding: .35em .75em .625em
        }

        legend {
            box-sizing: border-box;
            color: inherit;
            display: table;
            max-width: 100%;
            padding: 0;
            white-space: normal
        }

        progress {
            vertical-align: baseline
        }

        textarea {
            overflow: auto
        }

        [type=checkbox], [type=radio] {
            box-sizing: border-box;
            padding: 0
        }

        [type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button {
            height: auto
        }

        [type=search] {
            -webkit-appearance: textfield;
            outline-offset: -2px
        }

        [type=search]::-webkit-search-decoration {
            -webkit-appearance: none
        }

        ::-webkit-file-upload-button {
            -webkit-appearance: button;
            font: inherit
        }

        details {
            display: block
        }

        summary {
            display: list-item
        }

        template {
            display: none
        }

        [hidden] {
            display: none
        }

        body {
            font-family: Inter, Helvetica Neue, Helvetica, PingFang SC, Hiragino Sans GB, Microsoft YaHei, \5fae\8f6f\96c5\9ed1, Arial, sans-serif;
            font-weight: 400;
            font-size: var(--el-font-size-base);
            color: var(--el-text-color-primary);
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            -webkit-tap-highlight-color: transparent
        }

        input, textarea, button {
            font-family: inherit
        }

        a {
            color: var(--el-color-primary);
            text-decoration: none
        }

        a:hover, a:focus {
            color: var(--el-color-primary-light-3)
        }

        a:active {
            color: var(--el-color-primary-dark-2)
        }

        h1, h2, h3, h4, h5, h6 {
            color: var(--el-text-color-regular);
            font-weight: inherit
        }

        h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child, h6:first-child {
            margin-top: 0
        }

        h1:last-child, h2:last-child, h3:last-child, h4:last-child, h5:last-child, h6:last-child {
            margin-bottom: 0
        }

        h1 {
            font-size: calc(var(--el-font-size-base) + 6px)
        }

        h2 {
            font-size: calc(var(--el-font-size-base) + 4px)
        }

        h3 {
            font-size: calc(var(--el-font-size-base) + 2px)
        }

        h4, h5, h6, p {
            font-size: inherit
        }

        p {
            line-height: 1.8
        }

        p:first-child {
            margin-top: 0
        }

        p:last-child {
            margin-bottom: 0
        }

        sup, sub {
            font-size: calc(var(--el-font-size-base) - 1px)
        }

        small {
            font-size: calc(var(--el-font-size-base) - 2px)
        }

        hr {
            margin-top: 20px;
            margin-bottom: 20px;
            border: 0;
            border-top: 1px solid var(--el-border-color-lighter)
        }

        :root {
            --el-color-white: #ffffff;
            --el-color-black: #000000;
            --el-color-primary-rgb: 64, 158, 255;
            --el-color-success-rgb: 103, 194, 58;
            --el-color-warning-rgb: 230, 162, 60;
            --el-color-danger-rgb: 245, 108, 108;
            --el-color-error-rgb: 245, 108, 108;
            --el-color-info-rgb: 144, 147, 153;
            --el-font-size-extra-large: 20px;
            --el-font-size-large: 18px;
            --el-font-size-medium: 16px;
            --el-font-size-base: 14px;
            --el-font-size-small: 13px;
            --el-font-size-extra-small: 12px;
            --el-font-family: "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "\5fae\8f6f\96c5\9ed1", Arial, sans-serif;
            --el-font-weight-primary: 500;
            --el-font-line-height-primary: 24px;
            --el-index-normal: 1;
            --el-index-top: 1000;
            --el-index-popper: 2000;
            --el-border-radius-base: 4px;
            --el-border-radius-small: 2px;
            --el-border-radius-round: 20px;
            --el-border-radius-circle: 100%;
            --el-transition-duration: .3s;
            --el-transition-duration-fast: .2s;
            --el-transition-function-ease-in-out-bezier: cubic-bezier(.645, .045, .355, 1);
            --el-transition-function-fast-bezier: cubic-bezier(.23, 1, .32, 1);
            --el-transition-all: all var(--el-transition-duration) var(--el-transition-function-ease-in-out-bezier);
            --el-transition-fade: opacity var(--el-transition-duration) var(--el-transition-function-fast-bezier);
            --el-transition-md-fade: transform var(--el-transition-duration) var(--el-transition-function-fast-bezier), opacity var(--el-transition-duration) var(--el-transition-function-fast-bezier);
            --el-transition-fade-linear: opacity var(--el-transition-duration-fast) linear;
            --el-transition-border: border-color var(--el-transition-duration-fast) var(--el-transition-function-ease-in-out-bezier);
            --el-transition-box-shadow: box-shadow var(--el-transition-duration-fast) var(--el-transition-function-ease-in-out-bezier);
            --el-transition-color: color var(--el-transition-duration-fast) var(--el-transition-function-ease-in-out-bezier);
            --el-component-size-large: 40px;
            --el-component-size: 32px;
            --el-component-size-small: 24px
        }

        :root {
            color-scheme: light;
            --el-color-primary: #409eff;
            --el-color-primary-light-3: #79bbff;
            --el-color-primary-light-5: #a0cfff;
            --el-color-primary-light-7: #c6e2ff;
            --el-color-primary-light-8: #d9ecff;
            --el-color-primary-light-9: #ecf5ff;
            --el-color-primary-dark-2: #337ecc;
            --el-color-success: #67c23a;
            --el-color-success-light-3: #95d475;
            --el-color-success-light-5: #b3e19d;
            --el-color-success-light-7: #d1edc4;
            --el-color-success-light-8: #e1f3d8;
            --el-color-success-light-9: #f0f9eb;
            --el-color-success-dark-2: #529b2e;
            --el-color-warning: #e6a23c;
            --el-color-warning-light-3: #eebe77;
            --el-color-warning-light-5: #f3d19e;
            --el-color-warning-light-7: #f8e3c5;
            --el-color-warning-light-8: #faecd8;
            --el-color-warning-light-9: #fdf6ec;
            --el-color-warning-dark-2: #b88230;
            --el-color-danger: #f56c6c;
            --el-color-danger-light-3: #f89898;
            --el-color-danger-light-5: #fab6b6;
            --el-color-danger-light-7: #fcd3d3;
            --el-color-danger-light-8: #fde2e2;
            --el-color-danger-light-9: #fef0f0;
            --el-color-danger-dark-2: #c45656;
            --el-color-error: #f56c6c;
            --el-color-error-light-3: #f89898;
            --el-color-error-light-5: #fab6b6;
            --el-color-error-light-7: #fcd3d3;
            --el-color-error-light-8: #fde2e2;
            --el-color-error-light-9: #fef0f0;
            --el-color-error-dark-2: #c45656;
            --el-color-info: #909399;
            --el-color-info-light-3: #b1b3b8;
            --el-color-info-light-5: #c8c9cc;
            --el-color-info-light-7: #dedfe0;
            --el-color-info-light-8: #e9e9eb;
            --el-color-info-light-9: #f4f4f5;
            --el-color-info-dark-2: #73767a;
            --el-bg-color: #ffffff;
            --el-bg-color-page: #f2f3f5;
            --el-bg-color-overlay: #ffffff;
            --el-text-color-primary: #303133;
            --el-text-color-regular: #606266;
            --el-text-color-secondary: #909399;
            --el-text-color-placeholder: #a8abb2;
            --el-text-color-disabled: #c0c4cc;
            --el-border-color: #dcdfe6;
            --el-border-color-light: #e4e7ed;
            --el-border-color-lighter: #ebeef5;
            --el-border-color-extra-light: #f2f6fc;
            --el-border-color-dark: #d4d7de;
            --el-border-color-darker: #cdd0d6;
            --el-fill-color: #f0f2f5;
            --el-fill-color-light: #f5f7fa;
            --el-fill-color-lighter: #fafafa;
            --el-fill-color-extra-light: #fafcff;
            --el-fill-color-dark: #ebedf0;
            --el-fill-color-darker: #e6e8eb;
            --el-fill-color-blank: #ffffff;
            --el-box-shadow: 0px 12px 32px 4px rgba(0, 0, 0, .04), 0px 8px 20px rgba(0, 0, 0, .08);
            --el-box-shadow-light: 0px 0px 12px rgba(0, 0, 0, .12);
            --el-box-shadow-lighter: 0px 0px 6px rgba(0, 0, 0, .12);
            --el-box-shadow-dark: 0px 16px 48px 16px rgba(0, 0, 0, .08), 0px 12px 32px rgba(0, 0, 0, .12), 0px 8px 16px -8px rgba(0, 0, 0, .16);
            --el-disabled-bg-color: var(--el-fill-color-light);
            --el-disabled-text-color: var(--el-text-color-placeholder);
            --el-disabled-border-color: var(--el-border-color-light);
            --el-overlay-color: rgba(0, 0, 0, .8);
            --el-overlay-color-light: rgba(0, 0, 0, .7);
            --el-overlay-color-lighter: rgba(0, 0, 0, .5);
            --el-mask-color: rgba(255, 255, 255, .9);
            --el-mask-color-extra-light: rgba(255, 255, 255, .3);
            --el-border-width: 1px;
            --el-border-style: solid;
            --el-border-color-hover: var(--el-text-color-disabled);
            --el-border: var(--el-border-width) var(--el-border-style) var(--el-border-color);
            --el-svg-monochrome-grey: var(--el-border-color)
        }

        .fade-in-linear-enter-active, .fade-in-linear-leave-active {
            transition: var(--el-transition-fade-linear)
        }

        .fade-in-linear-enter-from, .fade-in-linear-leave-to {
            opacity: 0
        }

        .el-fade-in-linear-enter-active, .el-fade-in-linear-leave-active {
            transition: var(--el-transition-fade-linear)
        }

        .el-fade-in-linear-enter-from, .el-fade-in-linear-leave-to {
            opacity: 0
        }

        .el-fade-in-enter-active, .el-fade-in-leave-active {
            transition: all var(--el-transition-duration) cubic-bezier(.55, 0, .1, 1)
        }

        .el-fade-in-enter-from, .el-fade-in-leave-active {
            opacity: 0
        }

        .el-zoom-in-center-enter-active, .el-zoom-in-center-leave-active {
            transition: all var(--el-transition-duration) cubic-bezier(.55, 0, .1, 1)
        }

        .el-zoom-in-center-enter-from, .el-zoom-in-center-leave-active {
            opacity: 0;
            transform: scaleX(0)
        }

        .el-zoom-in-top-enter-active, .el-zoom-in-top-leave-active {
            opacity: 1;
            transform: scaleY(1);
            transition: var(--el-transition-md-fade);
            transform-origin: center top
        }

        .el-zoom-in-top-enter-active[data-popper-placement^=top], .el-zoom-in-top-leave-active[data-popper-placement^=top] {
            transform-origin: center bottom
        }

        .el-zoom-in-top-enter-from, .el-zoom-in-top-leave-active {
            opacity: 0;
            transform: scaleY(0)
        }

        .el-zoom-in-bottom-enter-active, .el-zoom-in-bottom-leave-active {
            opacity: 1;
            transform: scaleY(1);
            transition: var(--el-transition-md-fade);
            transform-origin: center bottom
        }

        .el-zoom-in-bottom-enter-from, .el-zoom-in-bottom-leave-active {
            opacity: 0;
            transform: scaleY(0)
        }

        .el-zoom-in-left-enter-active, .el-zoom-in-left-leave-active {
            opacity: 1;
            transform: scale(1);
            transition: var(--el-transition-md-fade);
            transform-origin: top left
        }

        .el-zoom-in-left-enter-from, .el-zoom-in-left-leave-active {
            opacity: 0;
            transform: scale(.45)
        }

        .collapse-transition {
            transition: var(--el-transition-duration) height ease-in-out, var(--el-transition-duration) padding-top ease-in-out, var(--el-transition-duration) padding-bottom ease-in-out
        }

        .el-collapse-transition-leave-active, .el-collapse-transition-enter-active {
            transition: var(--el-transition-duration) max-height ease-in-out, var(--el-transition-duration) padding-top ease-in-out, var(--el-transition-duration) padding-bottom ease-in-out
        }

        .horizontal-collapse-transition {
            transition: var(--el-transition-duration) width ease-in-out, var(--el-transition-duration) padding-left ease-in-out, var(--el-transition-duration) padding-right ease-in-out
        }

        .el-list-enter-active, .el-list-leave-active {
            transition: all 1s
        }

        .el-list-enter-from, .el-list-leave-to {
            opacity: 0;
            transform: translateY(-30px)
        }

        .el-list-leave-active {
            position: absolute !important
        }

        .el-opacity-transition {
            transition: opacity var(--el-transition-duration) cubic-bezier(.55, 0, .1, 1)
        }

        .el-icon-loading {
            animation: rotating 2s linear infinite
        }

        .el-icon--right {
            margin-left: 5px
        }

        .el-icon--left {
            margin-right: 5px
        }

        @keyframes rotating {
            0% {
                transform: rotate(0)
            }

            to {
                transform: rotate(360deg)
            }
        }

        .el-icon {
            --color: inherit;
            height: 1em;
            width: 1em;
            line-height: 1em;
            display: inline-flex;
            justify-content: center;
            align-items: center;
            position: relative;
            fill: currentColor;
            color: var(--color);
            font-size: inherit
        }

        .el-icon.is-loading {
            animation: rotating 2s linear infinite
        }

        .el-icon svg {
            height: 1em;
            width: 1em
        }

        .el-affix--fixed {
            position: fixed
        }

        .el-alert {
            --el-alert-padding: 8px 16px;
            --el-alert-border-radius-base: var(--el-border-radius-base);
            --el-alert-title-font-size: 14px;
            --el-alert-title-with-description-font-size: 16px;
            --el-alert-description-font-size: 14px;
            --el-alert-close-font-size: 16px;
            --el-alert-close-customed-font-size: 14px;
            --el-alert-icon-size: 16px;
            --el-alert-icon-large-size: 28px;
            width: 100%;
            padding: var(--el-alert-padding);
            margin: 0;
            box-sizing: border-box;
            border-radius: var(--el-alert-border-radius-base);
            position: relative;
            background-color: var(--el-color-white);
            overflow: hidden;
            opacity: 1;
            display: flex;
            align-items: center;
            transition: opacity var(--el-transition-duration-fast)
        }

        .el-alert.is-light .el-alert__close-btn {
            color: var(--el-text-color-placeholder)
        }

        .el-alert.is-dark .el-alert__close-btn, .el-alert.is-dark .el-alert__description {
            color: var(--el-color-white)
        }

        .el-alert.is-center {
            justify-content: center
        }

        .el-alert--success {
            --el-alert-bg-color: var(--el-color-success-light-9)
        }

        .el-alert--success.is-light {
            background-color: var(--el-alert-bg-color);
            color: var(--el-color-success)
        }

        .el-alert--success.is-light .el-alert__description {
            color: var(--el-color-success)
        }

        .el-alert--success.is-dark {
            background-color: var(--el-color-success);
            color: var(--el-color-white)
        }

        .el-alert--info {
            --el-alert-bg-color: var(--el-color-info-light-9)
        }

        .el-alert--info.is-light {
            background-color: var(--el-alert-bg-color);
            color: var(--el-color-info)
        }

        .el-alert--info.is-light .el-alert__description {
            color: var(--el-color-info)
        }

        .el-alert--info.is-dark {
            background-color: var(--el-color-info);
            color: var(--el-color-white)
        }

        .el-alert--warning {
            --el-alert-bg-color: var(--el-color-warning-light-9)
        }

        .el-alert--warning.is-light {
            background-color: var(--el-alert-bg-color);
            color: var(--el-color-warning)
        }

        .el-alert--warning.is-light .el-alert__description {
            color: var(--el-color-warning)
        }

        .el-alert--warning.is-dark {
            background-color: var(--el-color-warning);
            color: var(--el-color-white)
        }

        .el-alert--error {
            --el-alert-bg-color: var(--el-color-error-light-9)
        }

        .el-alert--error.is-light {
            background-color: var(--el-alert-bg-color);
            color: var(--el-color-error)
        }

        .el-alert--error.is-light .el-alert__description {
            color: var(--el-color-error)
        }

        .el-alert--error.is-dark {
            background-color: var(--el-color-error);
            color: var(--el-color-white)
        }

        .el-alert__content {
            display: flex;
            flex-direction: column;
            gap: 4px
        }

        .el-alert .el-alert__icon {
            font-size: var(--el-alert-icon-size);
            width: var(--el-alert-icon-size);
            margin-right: 8px
        }

        .el-alert .el-alert__icon.is-big {
            font-size: var(--el-alert-icon-large-size);
            width: var(--el-alert-icon-large-size);
            margin-right: 12px
        }

        .el-alert__title {
            font-size: var(--el-alert-title-font-size);
            line-height: 24px
        }

        .el-alert__title.with-description {
            font-size: var(--el-alert-title-with-description-font-size)
        }

        .el-alert .el-alert__description {
            font-size: var(--el-alert-description-font-size);
            margin: 0
        }

        .el-alert .el-alert__close-btn {
            font-size: var(--el-alert-close-font-size);
            opacity: 1;
            position: absolute;
            top: 12px;
            right: 16px;
            cursor: pointer
        }

        .el-alert .el-alert__close-btn.is-customed {
            font-style: normal;
            font-size: var(--el-alert-close-customed-font-size);
            line-height: 24px;
            top: 8px
        }

        .el-alert-fade-enter-from, .el-alert-fade-leave-active {
            opacity: 0
        }

        .el-aside {
            overflow: auto;
            box-sizing: border-box;
            flex-shrink: 0;
            width: var(--el-aside-width, 300px)
        }

        .el-autocomplete {
            --el-input-text-color: var(--el-text-color-regular);
            --el-input-border: var(--el-border);
            --el-input-hover-border: var(--el-border-color-hover);
            --el-input-focus-border: var(--el-color-primary);
            --el-input-transparent-border: 0 0 0 1px transparent inset;
            --el-input-border-color: var(--el-border-color);
            --el-input-border-radius: var(--el-border-radius-base);
            --el-input-bg-color: var(--el-fill-color-blank);
            --el-input-icon-color: var(--el-text-color-placeholder);
            --el-input-placeholder-color: var(--el-text-color-placeholder);
            --el-input-hover-border-color: var(--el-border-color-hover);
            --el-input-clear-hover-color: var(--el-text-color-secondary);
            --el-input-focus-border-color: var(--el-color-primary);
            --el-input-width: 100%
        }

        .el-autocomplete {
            width: var(--el-input-width);
            position: relative;
            display: inline-block
        }

        .el-autocomplete__popper.el-popper {
            background: var(--el-bg-color-overlay);
            border: 1px solid var(--el-border-color-light);
            box-shadow: var(--el-box-shadow-light)
        }

        .el-autocomplete__popper.el-popper .el-popper__arrow:before {
            border: 1px solid var(--el-border-color-light)
        }

        .el-autocomplete__popper.el-popper[data-popper-placement^=top] .el-popper__arrow:before {
            border-top-color: transparent;
            border-left-color: transparent
        }

        .el-autocomplete__popper.el-popper[data-popper-placement^=bottom] .el-popper__arrow:before {
            border-bottom-color: transparent;
            border-right-color: transparent
        }

        .el-autocomplete__popper.el-popper[data-popper-placement^=left] .el-popper__arrow:before {
            border-left-color: transparent;
            border-bottom-color: transparent
        }

        .el-autocomplete__popper.el-popper[data-popper-placement^=right] .el-popper__arrow:before {
            border-right-color: transparent;
            border-top-color: transparent
        }

        .el-autocomplete-suggestion {
            border-radius: var(--el-border-radius-base);
            box-sizing: border-box
        }

        .el-autocomplete-suggestion__wrap {
            max-height: 280px;
            padding: 10px 0;
            box-sizing: border-box
        }

        .el-autocomplete-suggestion__list {
            margin: 0;
            padding: 0
        }

        .el-autocomplete-suggestion li {
            padding: 0 20px;
            margin: 0;
            line-height: 34px;
            cursor: pointer;
            color: var(--el-text-color-regular);
            font-size: var(--el-font-size-base);
            list-style: none;
            text-align: left;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis
        }

        .el-autocomplete-suggestion li:hover, .el-autocomplete-suggestion li.highlighted {
            background-color: var(--el-fill-color-light)
        }

        .el-autocomplete-suggestion li.divider {
            margin-top: 6px;
            border-top: 1px solid var(--el-color-black)
        }

        .el-autocomplete-suggestion li.divider:last-child {
            margin-bottom: -6px
        }

        .el-autocomplete-suggestion.is-loading li {
            text-align: center;
            height: 100px;
            line-height: 100px;
            font-size: 20px;
            color: var(--el-text-color-secondary)
        }

        .el-autocomplete-suggestion.is-loading li:after {
            display: inline-block;
            content: "";
            height: 100%;
            vertical-align: middle
        }

        .el-autocomplete-suggestion.is-loading li:hover {
            background-color: var(--el-bg-color-overlay)
        }

        .el-autocomplete-suggestion.is-loading .el-icon-loading {
            vertical-align: middle
        }

        .el-avatar {
            --el-avatar-text-color: var(--el-color-white);
            --el-avatar-bg-color: var(--el-text-color-disabled);
            --el-avatar-text-size: 14px;
            --el-avatar-icon-size: 18px;
            --el-avatar-border-radius: var(--el-border-radius-base);
            --el-avatar-size-large: 56px;
            --el-avatar-size-small: 24px;
            --el-avatar-size: 40px;
            display: inline-flex;
            justify-content: center;
            align-items: center;
            box-sizing: border-box;
            text-align: center;
            overflow: hidden;
            color: var(--el-avatar-text-color);
            background: var(--el-avatar-bg-color);
            width: var(--el-avatar-size);
            height: var(--el-avatar-size);
            font-size: var(--el-avatar-text-size)
        }

        .el-avatar > img {
            display: block;
            width: 100%;
            height: 100%
        }

        .el-avatar--circle {
            border-radius: 50%
        }

        .el-avatar--square {
            border-radius: var(--el-avatar-border-radius)
        }

        .el-avatar--icon {
            font-size: var(--el-avatar-icon-size)
        }

        .el-avatar--small {
            --el-avatar-size: 24px
        }

        .el-avatar--large {
            --el-avatar-size: 56px
        }

        .el-backtop {
            --el-backtop-bg-color: var(--el-bg-color-overlay);
            --el-backtop-text-color: var(--el-color-primary);
            --el-backtop-hover-bg-color: var(--el-border-color-extra-light);
            position: fixed;
            background-color: var(--el-backtop-bg-color);
            width: 40px;
            height: 40px;
            border-radius: 50%;
            color: var(--el-backtop-text-color);
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 20px;
            box-shadow: var(--el-box-shadow-lighter);
            cursor: pointer;
            z-index: 5
        }

        .el-backtop:hover {
            background-color: var(--el-backtop-hover-bg-color)
        }

        .el-backtop__icon {
            font-size: 20px
        }

        .el-badge {
            --el-badge-bg-color: var(--el-color-danger);
            --el-badge-radius: 10px;
            --el-badge-font-size: 12px;
            --el-badge-padding: 6px;
            --el-badge-size: 18px;
            position: relative;
            vertical-align: middle;
            display: inline-block;
            width: fit-content
        }

        .el-badge__content {
            background-color: var(--el-badge-bg-color);
            border-radius: var(--el-badge-radius);
            color: var(--el-color-white);
            display: inline-flex;
            justify-content: center;
            align-items: center;
            font-size: var(--el-badge-font-size);
            height: var(--el-badge-size);
            padding: 0 var(--el-badge-padding);
            white-space: nowrap;
            border: 1px solid var(--el-bg-color)
        }

        .el-badge__content.is-fixed {
            position: absolute;
            top: 0;
            right: calc(1px + var(--el-badge-size) / 2);
            transform: translateY(-50%) translate(100%);
            z-index: var(--el-index-normal)
        }

        .el-badge__content.is-fixed.is-dot {
            right: 5px
        }

        .el-badge__content.is-dot {
            height: 8px;
            width: 8px;
            padding: 0;
            right: 0;
            border-radius: 50%
        }

        .el-badge__content--primary {
            background-color: var(--el-color-primary)
        }

        .el-badge__content--success {
            background-color: var(--el-color-success)
        }

        .el-badge__content--warning {
            background-color: var(--el-color-warning)
        }

        .el-badge__content--info {
            background-color: var(--el-color-info)
        }

        .el-badge__content--danger {
            background-color: var(--el-color-danger)
        }

        .el-breadcrumb {
            font-size: 14px;
            line-height: 1
        }

        .el-breadcrumb:before, .el-breadcrumb:after {
            display: table;
            content: ""
        }

        .el-breadcrumb:after {
            clear: both
        }

        .el-breadcrumb__separator {
            margin: 0 9px;
            font-weight: 700;
            color: var(--el-text-color-placeholder)
        }

        .el-breadcrumb__separator.el-icon {
            margin: 0 6px;
            font-weight: 400
        }

        .el-breadcrumb__separator.el-icon svg {
            vertical-align: middle
        }

        .el-breadcrumb__item {
            float: left;
            display: inline-flex;
            align-items: center
        }

        .el-breadcrumb__inner {
            color: var(--el-text-color-regular)
        }

        .el-breadcrumb__inner.is-link, .el-breadcrumb__inner a {
            font-weight: 700;
            text-decoration: none;
            transition: var(--el-transition-color);
            color: var(--el-text-color-primary)
        }

        .el-breadcrumb__inner.is-link:hover, .el-breadcrumb__inner a:hover {
            color: var(--el-color-primary);
            cursor: pointer
        }

        .el-breadcrumb__item:last-child .el-breadcrumb__inner, .el-breadcrumb__item:last-child .el-breadcrumb__inner:hover, .el-breadcrumb__item:last-child .el-breadcrumb__inner a, .el-breadcrumb__item:last-child .el-breadcrumb__inner a:hover {
            font-weight: 400;
            color: var(--el-text-color-regular);
            cursor: text
        }

        .el-breadcrumb__item:last-child .el-breadcrumb__separator {
            display: none
        }

        .el-button-group {
            display: inline-block;
            vertical-align: middle
        }

        .el-button-group:before, .el-button-group:after {
            display: table;
            content: ""
        }

        .el-button-group:after {
            clear: both
        }

        .el-button-group > .el-button {
            float: left;
            position: relative
        }

        .el-button-group > .el-button + .el-button {
            margin-left: 0
        }

        .el-button-group > .el-button:first-child {
            border-top-right-radius: 0;
            border-bottom-right-radius: 0
        }

        .el-button-group > .el-button:last-child {
            border-top-left-radius: 0;
            border-bottom-left-radius: 0
        }

        .el-button-group > .el-button:first-child:last-child {
            border-top-right-radius: var(--el-border-radius-base);
            border-bottom-right-radius: var(--el-border-radius-base);
            border-top-left-radius: var(--el-border-radius-base);
            border-bottom-left-radius: var(--el-border-radius-base)
        }

        .el-button-group > .el-button:first-child:last-child.is-round {
            border-radius: var(--el-border-radius-round)
        }

        .el-button-group > .el-button:first-child:last-child.is-circle {
            border-radius: 50%
        }

        .el-button-group > .el-button:not(:first-child):not(:last-child) {
            border-radius: 0
        }

        .el-button-group > .el-button:not(:last-child) {
            margin-right: -1px
        }

        .el-button-group > .el-button:hover, .el-button-group > .el-button:focus, .el-button-group > .el-button:active {
            z-index: 1
        }

        .el-button-group > .el-button.is-active {
            z-index: 1
        }

        .el-button-group > .el-dropdown > .el-button {
            border-top-left-radius: 0;
            border-bottom-left-radius: 0;
            border-left-color: var(--el-button-divide-border-color)
        }

        .el-button-group .el-button--primary:first-child {
            border-right-color: var(--el-button-divide-border-color)
        }

        .el-button-group .el-button--primary:last-child {
            border-left-color: var(--el-button-divide-border-color)
        }

        .el-button-group .el-button--primary:not(:first-child):not(:last-child) {
            border-left-color: var(--el-button-divide-border-color);
            border-right-color: var(--el-button-divide-border-color)
        }

        .el-button-group .el-button--success:first-child {
            border-right-color: var(--el-button-divide-border-color)
        }

        .el-button-group .el-button--success:last-child {
            border-left-color: var(--el-button-divide-border-color)
        }

        .el-button-group .el-button--success:not(:first-child):not(:last-child) {
            border-left-color: var(--el-button-divide-border-color);
            border-right-color: var(--el-button-divide-border-color)
        }

        .el-button-group .el-button--warning:first-child {
            border-right-color: var(--el-button-divide-border-color)
        }

        .el-button-group .el-button--warning:last-child {
            border-left-color: var(--el-button-divide-border-color)
        }

        .el-button-group .el-button--warning:not(:first-child):not(:last-child) {
            border-left-color: var(--el-button-divide-border-color);
            border-right-color: var(--el-button-divide-border-color)
        }

        .el-button-group .el-button--danger:first-child {
            border-right-color: var(--el-button-divide-border-color)
        }

        .el-button-group .el-button--danger:last-child {
            border-left-color: var(--el-button-divide-border-color)
        }

        .el-button-group .el-button--danger:not(:first-child):not(:last-child) {
            border-left-color: var(--el-button-divide-border-color);
            border-right-color: var(--el-button-divide-border-color)
        }

        .el-button-group .el-button--info:first-child {
            border-right-color: var(--el-button-divide-border-color)
        }

        .el-button-group .el-button--info:last-child {
            border-left-color: var(--el-button-divide-border-color)
        }

        .el-button-group .el-button--info:not(:first-child):not(:last-child) {
            border-left-color: var(--el-button-divide-border-color);
            border-right-color: var(--el-button-divide-border-color)
        }

        .el-button {
            --el-button-font-weight: var(--el-font-weight-primary);
            --el-button-border-color: var(--el-border-color);
            --el-button-bg-color: var(--el-fill-color-blank);
            --el-button-text-color: var(--el-text-color-regular);
            --el-button-disabled-text-color: var(--el-disabled-text-color);
            --el-button-disabled-bg-color: var(--el-fill-color-blank);
            --el-button-disabled-border-color: var(--el-border-color-light);
            --el-button-divide-border-color: rgba(255, 255, 255, .5);
            --el-button-hover-text-color: var(--el-color-primary);
            --el-button-hover-bg-color: var(--el-color-primary-light-9);
            --el-button-hover-border-color: var(--el-color-primary-light-7);
            --el-button-active-text-color: var(--el-button-hover-text-color);
            --el-button-active-border-color: var(--el-color-primary);
            --el-button-active-bg-color: var(--el-button-hover-bg-color);
            --el-button-outline-color: var(--el-color-primary-light-5);
            --el-button-hover-link-text-color: var(--el-color-info);
            --el-button-active-color: var(--el-text-color-primary)
        }

        .el-button {
            display: inline-flex;
            justify-content: center;
            align-items: center;
            line-height: 1;
            height: 32px;
            white-space: nowrap;
            cursor: pointer;
            color: var(--el-button-text-color);
            text-align: center;
            box-sizing: border-box;
            outline: none;
            transition: .1s;
            font-weight: var(--el-button-font-weight);
            user-select: none;
            vertical-align: middle;
            -webkit-appearance: none;
            background-color: var(--el-button-bg-color);
            border: var(--el-border);
            border-color: var(--el-button-border-color);
            padding: 8px 15px;
            font-size: var(--el-font-size-base);
            border-radius: var(--el-border-radius-base)
        }

        .el-button:hover {
            color: var(--el-button-hover-text-color);
            border-color: var(--el-button-hover-border-color);
            background-color: var(--el-button-hover-bg-color);
            outline: none
        }

        .el-button:active {
            color: var(--el-button-active-text-color);
            border-color: var(--el-button-active-border-color);
            background-color: var(--el-button-active-bg-color);
            outline: none
        }

        .el-button:focus-visible {
            outline: 2px solid var(--el-button-outline-color);
            outline-offset: 1px;
            transition: outline-offset 0s, outline 0s
        }

        .el-button > span {
            display: inline-flex;
            align-items: center
        }

        .el-button + .el-button {
            margin-left: 12px
        }

        .el-button.is-round {
            padding: 8px 15px
        }

        .el-button::-moz-focus-inner {
            border: 0
        }

        .el-button [class*=el-icon] + span {
            margin-left: 6px
        }

        .el-button [class*=el-icon] svg {
            vertical-align: bottom
        }

        .el-button.is-plain {
            --el-button-hover-text-color: var(--el-color-primary);
            --el-button-hover-bg-color: var(--el-fill-color-blank);
            --el-button-hover-border-color: var(--el-color-primary)
        }

        .el-button.is-active {
            color: var(--el-button-active-text-color);
            border-color: var(--el-button-active-border-color);
            background-color: var(--el-button-active-bg-color);
            outline: none
        }

        .el-button.is-disabled, .el-button.is-disabled:hover {
            color: var(--el-button-disabled-text-color);
            cursor: not-allowed;
            background-image: none;
            background-color: var(--el-button-disabled-bg-color);
            border-color: var(--el-button-disabled-border-color)
        }

        .el-button.is-loading {
            position: relative;
            pointer-events: none
        }

        .el-button.is-loading:before {
            z-index: 1;
            pointer-events: none;
            content: "";
            position: absolute;
            left: -1px;
            top: -1px;
            right: -1px;
            bottom: -1px;
            border-radius: inherit;
            background-color: var(--el-mask-color-extra-light)
        }

        .el-button.is-round {
            border-radius: var(--el-border-radius-round)
        }

        .el-button.is-circle {
            width: 32px;
            border-radius: 50%;
            padding: 8px
        }

        .el-button.is-text {
            color: var(--el-button-text-color);
            border: 0 solid transparent;
            background-color: transparent
        }

        .el-button.is-text.is-disabled {
            color: var(--el-button-disabled-text-color);
            background-color: transparent !important
        }

        .el-button.is-text:not(.is-disabled):hover {
            background-color: var(--el-fill-color-light)
        }

        .el-button.is-text:not(.is-disabled):focus-visible {
            outline: 2px solid var(--el-button-outline-color);
            outline-offset: 1px;
            transition: outline-offset 0s, outline 0s
        }

        .el-button.is-text:not(.is-disabled):active {
            background-color: var(--el-fill-color)
        }

        .el-button.is-text:not(.is-disabled).is-has-bg {
            background-color: var(--el-fill-color-light)
        }

        .el-button.is-text:not(.is-disabled).is-has-bg:hover {
            background-color: var(--el-fill-color)
        }

        .el-button.is-text:not(.is-disabled).is-has-bg:active {
            background-color: var(--el-fill-color-dark)
        }

        .el-button__text--expand {
            letter-spacing: .3em;
            margin-right: -.3em
        }

        .el-button.is-link {
            border-color: transparent;
            color: var(--el-button-text-color);
            background: transparent;
            padding: 2px;
            height: auto
        }

        .el-button.is-link:hover {
            color: var(--el-button-hover-link-text-color)
        }

        .el-button.is-link.is-disabled {
            color: var(--el-button-disabled-text-color);
            background-color: transparent !important;
            border-color: transparent !important
        }

        .el-button.is-link:not(.is-disabled):hover {
            border-color: transparent;
            background-color: transparent
        }

        .el-button.is-link:not(.is-disabled):active {
            color: var(--el-button-active-color);
            border-color: transparent;
            background-color: transparent
        }

        .el-button--text {
            border-color: transparent;
            background: transparent;
            color: var(--el-color-primary);
            padding-left: 0;
            padding-right: 0
        }

        .el-button--text.is-disabled {
            color: var(--el-button-disabled-text-color);
            background-color: transparent !important;
            border-color: transparent !important
        }

        .el-button--text:not(.is-disabled):hover {
            color: var(--el-color-primary-light-3);
            border-color: transparent;
            background-color: transparent
        }

        .el-button--text:not(.is-disabled):active {
            color: var(--el-color-primary-dark-2);
            border-color: transparent;
            background-color: transparent
        }

        .el-button__link--expand {
            letter-spacing: .3em;
            margin-right: -.3em
        }

        .el-button--primary {
            --el-button-text-color: var(--el-color-white);
            --el-button-bg-color: var(--el-color-primary);
            --el-button-border-color: var(--el-color-primary);
            --el-button-outline-color: var(--el-color-primary-light-5);
            --el-button-active-color: var(--el-color-primary-dark-2);
            --el-button-hover-text-color: var(--el-color-white);
            --el-button-hover-link-text-color: var(--el-color-primary-light-5);
            --el-button-hover-bg-color: var(--el-color-primary-light-3);
            --el-button-hover-border-color: var(--el-color-primary-light-3);
            --el-button-active-bg-color: var(--el-color-primary-dark-2);
            --el-button-active-border-color: var(--el-color-primary-dark-2);
            --el-button-disabled-text-color: var(--el-color-white);
            --el-button-disabled-bg-color: var(--el-color-primary-light-5);
            --el-button-disabled-border-color: var(--el-color-primary-light-5)
        }

        .el-button--primary.is-plain, .el-button--primary.is-text, .el-button--primary.is-link {
            --el-button-text-color: var(--el-color-primary);
            --el-button-bg-color: var(--el-color-primary-light-9);
            --el-button-border-color: var(--el-color-primary-light-5);
            --el-button-hover-text-color: var(--el-color-white);
            --el-button-hover-bg-color: var(--el-color-primary);
            --el-button-hover-border-color: var(--el-color-primary);
            --el-button-active-text-color: var(--el-color-white)
        }

        .el-button--primary.is-plain.is-disabled, .el-button--primary.is-plain.is-disabled:hover, .el-button--primary.is-plain.is-disabled:focus, .el-button--primary.is-plain.is-disabled:active, .el-button--primary.is-text.is-disabled, .el-button--primary.is-text.is-disabled:hover, .el-button--primary.is-text.is-disabled:focus, .el-button--primary.is-text.is-disabled:active, .el-button--primary.is-link.is-disabled, .el-button--primary.is-link.is-disabled:hover, .el-button--primary.is-link.is-disabled:focus, .el-button--primary.is-link.is-disabled:active {
            color: var(--el-color-primary-light-5);
            background-color: var(--el-color-primary-light-9);
            border-color: var(--el-color-primary-light-8)
        }

        .el-button--success {
            --el-button-text-color: var(--el-color-white);
            --el-button-bg-color: var(--el-color-success);
            --el-button-border-color: var(--el-color-success);
            --el-button-outline-color: var(--el-color-success-light-5);
            --el-button-active-color: var(--el-color-success-dark-2);
            --el-button-hover-text-color: var(--el-color-white);
            --el-button-hover-link-text-color: var(--el-color-success-light-5);
            --el-button-hover-bg-color: var(--el-color-success-light-3);
            --el-button-hover-border-color: var(--el-color-success-light-3);
            --el-button-active-bg-color: var(--el-color-success-dark-2);
            --el-button-active-border-color: var(--el-color-success-dark-2);
            --el-button-disabled-text-color: var(--el-color-white);
            --el-button-disabled-bg-color: var(--el-color-success-light-5);
            --el-button-disabled-border-color: var(--el-color-success-light-5)
        }

        .el-button--success.is-plain, .el-button--success.is-text, .el-button--success.is-link {
            --el-button-text-color: var(--el-color-success);
            --el-button-bg-color: var(--el-color-success-light-9);
            --el-button-border-color: var(--el-color-success-light-5);
            --el-button-hover-text-color: var(--el-color-white);
            --el-button-hover-bg-color: var(--el-color-success);
            --el-button-hover-border-color: var(--el-color-success);
            --el-button-active-text-color: var(--el-color-white)
        }

        .el-button--success.is-plain.is-disabled, .el-button--success.is-plain.is-disabled:hover, .el-button--success.is-plain.is-disabled:focus, .el-button--success.is-plain.is-disabled:active, .el-button--success.is-text.is-disabled, .el-button--success.is-text.is-disabled:hover, .el-button--success.is-text.is-disabled:focus, .el-button--success.is-text.is-disabled:active, .el-button--success.is-link.is-disabled, .el-button--success.is-link.is-disabled:hover, .el-button--success.is-link.is-disabled:focus, .el-button--success.is-link.is-disabled:active {
            color: var(--el-color-success-light-5);
            background-color: var(--el-color-success-light-9);
            border-color: var(--el-color-success-light-8)
        }

        .el-button--warning {
            --el-button-text-color: var(--el-color-white);
            --el-button-bg-color: var(--el-color-warning);
            --el-button-border-color: var(--el-color-warning);
            --el-button-outline-color: var(--el-color-warning-light-5);
            --el-button-active-color: var(--el-color-warning-dark-2);
            --el-button-hover-text-color: var(--el-color-white);
            --el-button-hover-link-text-color: var(--el-color-warning-light-5);
            --el-button-hover-bg-color: var(--el-color-warning-light-3);
            --el-button-hover-border-color: var(--el-color-warning-light-3);
            --el-button-active-bg-color: var(--el-color-warning-dark-2);
            --el-button-active-border-color: var(--el-color-warning-dark-2);
            --el-button-disabled-text-color: var(--el-color-white);
            --el-button-disabled-bg-color: var(--el-color-warning-light-5);
            --el-button-disabled-border-color: var(--el-color-warning-light-5)
        }

        .el-button--warning.is-plain, .el-button--warning.is-text, .el-button--warning.is-link {
            --el-button-text-color: var(--el-color-warning);
            --el-button-bg-color: var(--el-color-warning-light-9);
            --el-button-border-color: var(--el-color-warning-light-5);
            --el-button-hover-text-color: var(--el-color-white);
            --el-button-hover-bg-color: var(--el-color-warning);
            --el-button-hover-border-color: var(--el-color-warning);
            --el-button-active-text-color: var(--el-color-white)
        }

        .el-button--warning.is-plain.is-disabled, .el-button--warning.is-plain.is-disabled:hover, .el-button--warning.is-plain.is-disabled:focus, .el-button--warning.is-plain.is-disabled:active, .el-button--warning.is-text.is-disabled, .el-button--warning.is-text.is-disabled:hover, .el-button--warning.is-text.is-disabled:focus, .el-button--warning.is-text.is-disabled:active, .el-button--warning.is-link.is-disabled, .el-button--warning.is-link.is-disabled:hover, .el-button--warning.is-link.is-disabled:focus, .el-button--warning.is-link.is-disabled:active {
            color: var(--el-color-warning-light-5);
            background-color: var(--el-color-warning-light-9);
            border-color: var(--el-color-warning-light-8)
        }

        .el-button--danger {
            --el-button-text-color: var(--el-color-white);
            --el-button-bg-color: var(--el-color-danger);
            --el-button-border-color: var(--el-color-danger);
            --el-button-outline-color: var(--el-color-danger-light-5);
            --el-button-active-color: var(--el-color-danger-dark-2);
            --el-button-hover-text-color: var(--el-color-white);
            --el-button-hover-link-text-color: var(--el-color-danger-light-5);
            --el-button-hover-bg-color: var(--el-color-danger-light-3);
            --el-button-hover-border-color: var(--el-color-danger-light-3);
            --el-button-active-bg-color: var(--el-color-danger-dark-2);
            --el-button-active-border-color: var(--el-color-danger-dark-2);
            --el-button-disabled-text-color: var(--el-color-white);
            --el-button-disabled-bg-color: var(--el-color-danger-light-5);
            --el-button-disabled-border-color: var(--el-color-danger-light-5)
        }

        .el-button--danger.is-plain, .el-button--danger.is-text, .el-button--danger.is-link {
            --el-button-text-color: var(--el-color-danger);
            --el-button-bg-color: var(--el-color-danger-light-9);
            --el-button-border-color: var(--el-color-danger-light-5);
            --el-button-hover-text-color: var(--el-color-white);
            --el-button-hover-bg-color: var(--el-color-danger);
            --el-button-hover-border-color: var(--el-color-danger);
            --el-button-active-text-color: var(--el-color-white)
        }

        .el-button--danger.is-plain.is-disabled, .el-button--danger.is-plain.is-disabled:hover, .el-button--danger.is-plain.is-disabled:focus, .el-button--danger.is-plain.is-disabled:active, .el-button--danger.is-text.is-disabled, .el-button--danger.is-text.is-disabled:hover, .el-button--danger.is-text.is-disabled:focus, .el-button--danger.is-text.is-disabled:active, .el-button--danger.is-link.is-disabled, .el-button--danger.is-link.is-disabled:hover, .el-button--danger.is-link.is-disabled:focus, .el-button--danger.is-link.is-disabled:active {
            color: var(--el-color-danger-light-5);
            background-color: var(--el-color-danger-light-9);
            border-color: var(--el-color-danger-light-8)
        }

        .el-button--info {
            --el-button-text-color: var(--el-color-white);
            --el-button-bg-color: var(--el-color-info);
            --el-button-border-color: var(--el-color-info);
            --el-button-outline-color: var(--el-color-info-light-5);
            --el-button-active-color: var(--el-color-info-dark-2);
            --el-button-hover-text-color: var(--el-color-white);
            --el-button-hover-link-text-color: var(--el-color-info-light-5);
            --el-button-hover-bg-color: var(--el-color-info-light-3);
            --el-button-hover-border-color: var(--el-color-info-light-3);
            --el-button-active-bg-color: var(--el-color-info-dark-2);
            --el-button-active-border-color: var(--el-color-info-dark-2);
            --el-button-disabled-text-color: var(--el-color-white);
            --el-button-disabled-bg-color: var(--el-color-info-light-5);
            --el-button-disabled-border-color: var(--el-color-info-light-5)
        }

        .el-button--info.is-plain, .el-button--info.is-text, .el-button--info.is-link {
            --el-button-text-color: var(--el-color-info);
            --el-button-bg-color: var(--el-color-info-light-9);
            --el-button-border-color: var(--el-color-info-light-5);
            --el-button-hover-text-color: var(--el-color-white);
            --el-button-hover-bg-color: var(--el-color-info);
            --el-button-hover-border-color: var(--el-color-info);
            --el-button-active-text-color: var(--el-color-white)
        }

        .el-button--info.is-plain.is-disabled, .el-button--info.is-plain.is-disabled:hover, .el-button--info.is-plain.is-disabled:focus, .el-button--info.is-plain.is-disabled:active, .el-button--info.is-text.is-disabled, .el-button--info.is-text.is-disabled:hover, .el-button--info.is-text.is-disabled:focus, .el-button--info.is-text.is-disabled:active, .el-button--info.is-link.is-disabled, .el-button--info.is-link.is-disabled:hover, .el-button--info.is-link.is-disabled:focus, .el-button--info.is-link.is-disabled:active {
            color: var(--el-color-info-light-5);
            background-color: var(--el-color-info-light-9);
            border-color: var(--el-color-info-light-8)
        }

        .el-button--large {
            --el-button-size: 40px;
            height: var(--el-button-size);
            padding: 12px 19px;
            font-size: var(--el-font-size-base);
            border-radius: var(--el-border-radius-base)
        }

        .el-button--large [class*=el-icon] + span {
            margin-left: 8px
        }

        .el-button--large.is-round {
            padding: 12px 19px
        }

        .el-button--large.is-circle {
            width: var(--el-button-size);
            padding: 12px
        }

        .el-button--small {
            --el-button-size: 24px;
            height: var(--el-button-size);
            padding: 5px 11px;
            font-size: 12px;
            border-radius: calc(var(--el-border-radius-base) - 1px)
        }

        .el-button--small [class*=el-icon] + span {
            margin-left: 4px
        }

        .el-button--small.is-round {
            padding: 5px 11px
        }

        .el-button--small.is-circle {
            width: var(--el-button-size);
            padding: 5px
        }

        .el-calendar {
            --el-calendar-border: var(--el-table-border, 1px solid var(--el-border-color-lighter));
            --el-calendar-header-border-bottom: var(--el-calendar-border);
            --el-calendar-selected-bg-color: var(--el-color-primary-light-9);
            --el-calendar-cell-width: 85px;
            background-color: var(--el-fill-color-blank)
        }

        .el-calendar__header {
            display: flex;
            justify-content: space-between;
            padding: 12px 20px;
            border-bottom: var(--el-calendar-header-border-bottom)
        }

        .el-calendar__title {
            color: var(--el-text-color);
            align-self: center
        }

        .el-calendar__body {
            padding: 12px 20px 35px
        }

        .el-calendar-table {
            table-layout: fixed;
            width: 100%
        }

        .el-calendar-table thead th {
            padding: 12px 0;
            color: var(--el-text-color-regular);
            font-weight: 400
        }

        .el-calendar-table:not(.is-range) td.prev, .el-calendar-table:not(.is-range) td.next {
            color: var(--el-text-color-placeholder)
        }

        .el-calendar-table td {
            border-bottom: var(--el-calendar-border);
            border-right: var(--el-calendar-border);
            vertical-align: top;
            transition: background-color var(--el-transition-duration-fast) ease
        }

        .el-calendar-table td.is-selected {
            background-color: var(--el-calendar-selected-bg-color)
        }

        .el-calendar-table td.is-today {
            color: var(--el-color-primary)
        }

        .el-calendar-table tr:first-child td {
            border-top: var(--el-calendar-border)
        }

        .el-calendar-table tr td:first-child {
            border-left: var(--el-calendar-border)
        }

        .el-calendar-table tr.el-calendar-table__row--hide-border td {
            border-top: none
        }

        .el-calendar-table .el-calendar-day {
            box-sizing: border-box;
            padding: 8px;
            height: var(--el-calendar-cell-width)
        }

        .el-calendar-table .el-calendar-day:hover {
            cursor: pointer;
            background-color: var(--el-calendar-selected-bg-color)
        }

        .el-card {
            --el-card-border-color: var(--el-border-color-light);
            --el-card-border-radius: 4px;
            --el-card-padding: 20px;
            --el-card-bg-color: var(--el-fill-color-blank)
        }

        .el-card {
            border-radius: var(--el-card-border-radius);
            border: 1px solid var(--el-card-border-color);
            background-color: var(--el-card-bg-color);
            overflow: hidden;
            color: var(--el-text-color-primary);
            transition: var(--el-transition-duration)
        }

        .el-card.is-always-shadow {
            box-shadow: var(--el-box-shadow-light)
        }

        .el-card.is-hover-shadow:hover, .el-card.is-hover-shadow:focus {
            box-shadow: var(--el-box-shadow-light)
        }

        .el-card__header {
            padding: calc(var(--el-card-padding) - 2px) var(--el-card-padding);
            border-bottom: 1px solid var(--el-card-border-color);
            box-sizing: border-box
        }

        .el-card__body {
            padding: var(--el-card-padding)
        }

        .el-card__footer {
            padding: calc(var(--el-card-padding) - 2px) var(--el-card-padding);
            border-top: 1px solid var(--el-card-border-color);
            box-sizing: border-box
        }

        .el-carousel__item {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            display: inline-block;
            overflow: hidden;
            z-index: calc(var(--el-index-normal) - 1)
        }

        .el-carousel__item.is-active {
            z-index: calc(var(--el-index-normal) - 1)
        }

        .el-carousel__item.is-animating {
            transition: transform .4s ease-in-out
        }

        .el-carousel__item--card {
            width: 50%;
            transition: transform .4s ease-in-out
        }

        .el-carousel__item--card.is-in-stage {
            cursor: pointer;
            z-index: var(--el-index-normal)
        }

        .el-carousel__item--card.is-in-stage:hover .el-carousel__mask, .el-carousel__item--card.is-in-stage.is-hover .el-carousel__mask {
            opacity: .12
        }

        .el-carousel__item--card.is-active {
            z-index: calc(var(--el-index-normal) + 1)
        }

        .el-carousel__item--card-vertical {
            width: 100%;
            height: 50%
        }

        .el-carousel__mask {
            position: absolute;
            width: 100%;
            height: 100%;
            top: 0;
            left: 0;
            background-color: var(--el-color-white);
            opacity: .24;
            transition: var(--el-transition-duration-fast)
        }

        .el-carousel {
            --el-carousel-arrow-font-size: 12px;
            --el-carousel-arrow-size: 36px;
            --el-carousel-arrow-background: rgba(31, 45, 61, .11);
            --el-carousel-arrow-hover-background: rgba(31, 45, 61, .23);
            --el-carousel-indicator-width: 30px;
            --el-carousel-indicator-height: 2px;
            --el-carousel-indicator-padding-horizontal: 4px;
            --el-carousel-indicator-padding-vertical: 12px;
            --el-carousel-indicator-out-color: var(--el-border-color-hover);
            position: relative
        }

        .el-carousel--horizontal, .el-carousel--vertical {
            overflow: hidden
        }

        .el-carousel__container {
            position: relative;
            height: 300px
        }

        .el-carousel__arrow {
            border: none;
            outline: none;
            padding: 0;
            margin: 0;
            height: var(--el-carousel-arrow-size);
            width: var(--el-carousel-arrow-size);
            cursor: pointer;
            transition: var(--el-transition-duration);
            border-radius: 50%;
            background-color: var(--el-carousel-arrow-background);
            color: #fff;
            position: absolute;
            top: 50%;
            z-index: 10;
            transform: translateY(-50%);
            text-align: center;
            font-size: var(--el-carousel-arrow-font-size);
            display: inline-flex;
            justify-content: center;
            align-items: center
        }

        .el-carousel__arrow--left {
            left: 16px
        }

        .el-carousel__arrow--right {
            right: 16px
        }

        .el-carousel__arrow:hover {
            background-color: var(--el-carousel-arrow-hover-background)
        }

        .el-carousel__arrow i {
            cursor: pointer
        }

        .el-carousel__indicators {
            position: absolute;
            list-style: none;
            margin: 0;
            padding: 0;
            z-index: calc(var(--el-index-normal) + 1)
        }

        .el-carousel__indicators--horizontal {
            bottom: 0;
            left: 50%;
            transform: translate(-50%)
        }

        .el-carousel__indicators--vertical {
            right: 0;
            top: 50%;
            transform: translateY(-50%)
        }

        .el-carousel__indicators--outside {
            bottom: calc(var(--el-carousel-indicator-height) + var(--el-carousel-indicator-padding-vertical) * 2);
            text-align: center;
            position: static;
            transform: none
        }

        .el-carousel__indicators--outside .el-carousel__indicator:hover button {
            opacity: .64
        }

        .el-carousel__indicators--outside button {
            background-color: var(--el-carousel-indicator-out-color);
            opacity: .24
        }

        .el-carousel__indicators--right {
            right: 0
        }

        .el-carousel__indicators--labels {
            left: 0;
            right: 0;
            transform: none;
            text-align: center
        }

        .el-carousel__indicators--labels .el-carousel__button {
            height: auto;
            width: auto;
            padding: 2px 18px;
            font-size: 12px;
            color: #000
        }

        .el-carousel__indicators--labels .el-carousel__indicator {
            padding: 6px 4px
        }

        .el-carousel__indicator {
            background-color: transparent;
            cursor: pointer
        }

        .el-carousel__indicator:hover button {
            opacity: .72
        }

        .el-carousel__indicator--horizontal {
            display: inline-block;
            padding: var(--el-carousel-indicator-padding-vertical) var(--el-carousel-indicator-padding-horizontal)
        }

        .el-carousel__indicator--vertical {
            padding: var(--el-carousel-indicator-padding-horizontal) var(--el-carousel-indicator-padding-vertical)
        }

        .el-carousel__indicator--vertical .el-carousel__button {
            width: var(--el-carousel-indicator-height);
            height: calc(var(--el-carousel-indicator-width) / 2)
        }

        .el-carousel__indicator.is-active button {
            opacity: 1
        }

        .el-carousel__button {
            display: block;
            opacity: .48;
            width: var(--el-carousel-indicator-width);
            height: var(--el-carousel-indicator-height);
            background-color: #fff;
            border: none;
            outline: none;
            padding: 0;
            margin: 0;
            cursor: pointer;
            transition: var(--el-transition-duration)
        }

        .carousel-arrow-left-enter-from, .carousel-arrow-left-leave-active {
            transform: translateY(-50%) translate(-10px);
            opacity: 0
        }

        .carousel-arrow-right-enter-from, .carousel-arrow-right-leave-active {
            transform: translateY(-50%) translate(10px);
            opacity: 0
        }

        .el-transitioning {
            filter: url(#elCarouselHorizontal)
        }

        .el-transitioning-vertical {
            filter: url(#elCarouselVertical)
        }

        .el-cascader-panel {
            --el-cascader-menu-text-color: var(--el-text-color-regular);
            --el-cascader-menu-selected-text-color: var(--el-color-primary);
            --el-cascader-menu-fill: var(--el-bg-color-overlay);
            --el-cascader-menu-font-size: var(--el-font-size-base);
            --el-cascader-menu-radius: var(--el-border-radius-base);
            --el-cascader-menu-border: solid 1px var(--el-border-color-light);
            --el-cascader-menu-shadow: var(--el-box-shadow-light);
            --el-cascader-node-background-hover: var(--el-fill-color-light);
            --el-cascader-node-color-disabled: var(--el-text-color-placeholder);
            --el-cascader-color-empty: var(--el-text-color-placeholder);
            --el-cascader-tag-background: var(--el-fill-color)
        }

        .el-cascader-panel {
            display: flex;
            border-radius: var(--el-cascader-menu-radius);
            font-size: var(--el-cascader-menu-font-size)
        }

        .el-cascader-panel.is-bordered {
            border: var(--el-cascader-menu-border);
            border-radius: var(--el-cascader-menu-radius)
        }

        .el-cascader-menu {
            min-width: 180px;
            box-sizing: border-box;
            color: var(--el-cascader-menu-text-color);
            border-right: var(--el-cascader-menu-border)
        }

        .el-cascader-menu:last-child {
            border-right: none
        }

        .el-cascader-menu:last-child .el-cascader-node {
            padding-right: 20px
        }

        .el-cascader-menu__wrap.el-scrollbar__wrap {
            height: 204px
        }

        .el-cascader-menu__list {
            position: relative;
            min-height: 100%;
            margin: 0;
            padding: 6px 0;
            list-style: none;
            box-sizing: border-box
        }

        .el-cascader-menu__hover-zone {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            pointer-events: none
        }

        .el-cascader-menu__empty-text {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            display: flex;
            align-items: center;
            color: var(--el-cascader-color-empty)
        }

        .el-cascader-menu__empty-text .is-loading {
            margin-right: 2px
        }

        .el-cascader-node {
            position: relative;
            display: flex;
            align-items: center;
            padding: 0 30px 0 20px;
            height: 34px;
            line-height: 34px;
            outline: none
        }

        .el-cascader-node.is-selectable.in-active-path {
            color: var(--el-cascader-menu-text-color)
        }

        .el-cascader-node.in-active-path, .el-cascader-node.is-selectable.in-checked-path, .el-cascader-node.is-active {
            color: var(--el-cascader-menu-selected-text-color);
            font-weight: 700
        }

        .el-cascader-node:not(.is-disabled) {
            cursor: pointer
        }

        .el-cascader-node:not(.is-disabled):hover, .el-cascader-node:not(.is-disabled):focus {
            background: var(--el-cascader-node-background-hover)
        }

        .el-cascader-node.is-disabled {
            color: var(--el-cascader-node-color-disabled);
            cursor: not-allowed
        }

        .el-cascader-node__prefix {
            position: absolute;
            left: 10px
        }

        .el-cascader-node__postfix {
            position: absolute;
            right: 10px
        }

        .el-cascader-node__label {
            flex: 1;
            text-align: left;
            padding: 0 8px;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis
        }

        .el-cascader-node > .el-checkbox {
            margin-right: 0
        }

        .el-cascader-node > .el-radio {
            margin-right: 0
        }

        .el-cascader-node > .el-radio .el-radio__label {
            padding-left: 0
        }

        .el-cascader {
            --el-cascader-menu-text-color: var(--el-text-color-regular);
            --el-cascader-menu-selected-text-color: var(--el-color-primary);
            --el-cascader-menu-fill: var(--el-bg-color-overlay);
            --el-cascader-menu-font-size: var(--el-font-size-base);
            --el-cascader-menu-radius: var(--el-border-radius-base);
            --el-cascader-menu-border: solid 1px var(--el-border-color-light);
            --el-cascader-menu-shadow: var(--el-box-shadow-light);
            --el-cascader-node-background-hover: var(--el-fill-color-light);
            --el-cascader-node-color-disabled: var(--el-text-color-placeholder);
            --el-cascader-color-empty: var(--el-text-color-placeholder);
            --el-cascader-tag-background: var(--el-fill-color);
            display: inline-block;
            vertical-align: middle;
            position: relative;
            font-size: var(--el-font-size-base);
            line-height: 32px;
            outline: none
        }

        .el-cascader:not(.is-disabled):hover .el-input__wrapper {
            cursor: pointer;
            box-shadow: 0 0 0 1px var(--el-input-hover-border-color) inset
        }

        .el-cascader .el-input {
            display: flex;
            cursor: pointer
        }

        .el-cascader .el-input .el-input__inner {
            text-overflow: ellipsis;
            cursor: pointer
        }

        .el-cascader .el-input .el-input__suffix-inner .el-icon {
            height: calc(100% - 2px)
        }

        .el-cascader .el-input .el-input__suffix-inner .el-icon svg {
            vertical-align: middle
        }

        .el-cascader .el-input .icon-arrow-down {
            transition: transform var(--el-transition-duration);
            font-size: 14px
        }

        .el-cascader .el-input .icon-arrow-down.is-reverse {
            transform: rotate(180deg)
        }

        .el-cascader .el-input .icon-circle-close:hover {
            color: var(--el-input-clear-hover-color, var(--el-text-color-secondary))
        }

        .el-cascader .el-input.is-focus .el-input__wrapper {
            box-shadow: 0 0 0 1px var(--el-input-focus-border-color, var(--el-color-primary)) inset
        }

        .el-cascader--large {
            font-size: 14px;
            line-height: 40px
        }

        .el-cascader--small {
            font-size: 12px;
            line-height: 24px
        }

        .el-cascader.is-disabled .el-cascader__label {
            z-index: calc(var(--el-index-normal) + 1);
            color: var(--el-disabled-text-color)
        }

        .el-cascader__dropdown {
            --el-cascader-menu-text-color: var(--el-text-color-regular);
            --el-cascader-menu-selected-text-color: var(--el-color-primary);
            --el-cascader-menu-fill: var(--el-bg-color-overlay);
            --el-cascader-menu-font-size: var(--el-font-size-base);
            --el-cascader-menu-radius: var(--el-border-radius-base);
            --el-cascader-menu-border: solid 1px var(--el-border-color-light);
            --el-cascader-menu-shadow: var(--el-box-shadow-light);
            --el-cascader-node-background-hover: var(--el-fill-color-light);
            --el-cascader-node-color-disabled: var(--el-text-color-placeholder);
            --el-cascader-color-empty: var(--el-text-color-placeholder);
            --el-cascader-tag-background: var(--el-fill-color)
        }

        .el-cascader__dropdown {
            font-size: var(--el-cascader-menu-font-size);
            border-radius: var(--el-cascader-menu-radius)
        }

        .el-cascader__dropdown.el-popper {
            background: var(--el-cascader-menu-fill);
            border: var(--el-cascader-menu-border);
            box-shadow: var(--el-cascader-menu-shadow)
        }

        .el-cascader__dropdown.el-popper .el-popper__arrow:before {
            border: var(--el-cascader-menu-border)
        }

        .el-cascader__dropdown.el-popper[data-popper-placement^=top] .el-popper__arrow:before {
            border-top-color: transparent;
            border-left-color: transparent
        }

        .el-cascader__dropdown.el-popper[data-popper-placement^=bottom] .el-popper__arrow:before {
            border-bottom-color: transparent;
            border-right-color: transparent
        }

        .el-cascader__dropdown.el-popper[data-popper-placement^=left] .el-popper__arrow:before {
            border-left-color: transparent;
            border-bottom-color: transparent
        }

        .el-cascader__dropdown.el-popper[data-popper-placement^=right] .el-popper__arrow:before {
            border-right-color: transparent;
            border-top-color: transparent
        }

        .el-cascader__dropdown.el-popper {
            box-shadow: var(--el-cascader-menu-shadow)
        }

        .el-cascader__tags {
            position: absolute;
            left: 0;
            right: 30px;
            top: 50%;
            transform: translateY(-50%);
            display: flex;
            flex-wrap: wrap;
            line-height: normal;
            text-align: left;
            box-sizing: border-box
        }

        .el-cascader__tags .el-tag {
            display: inline-flex;
            align-items: center;
            max-width: 100%;
            margin: 2px 0 2px 6px;
            text-overflow: ellipsis;
            background: var(--el-cascader-tag-background)
        }

        .el-cascader__tags .el-tag:not(.is-hit) {
            border-color: transparent
        }

        .el-cascader__tags .el-tag > span {
            flex: 1;
            overflow: hidden;
            text-overflow: ellipsis
        }

        .el-cascader__tags .el-tag .el-icon-close {
            flex: none;
            background-color: var(--el-text-color-placeholder);
            color: var(--el-color-white)
        }

        .el-cascader__tags .el-tag .el-icon-close:hover {
            background-color: var(--el-text-color-secondary)
        }

        .el-cascader__tags.is-validate {
            right: 55px
        }

        .el-cascader__collapse-tags {
            white-space: normal;
            z-index: var(--el-index-normal)
        }

        .el-cascader__collapse-tags .el-tag {
            display: inline-flex;
            align-items: center;
            max-width: 100%;
            margin: 2px 0 2px 6px;
            text-overflow: ellipsis;
            background: var(--el-fill-color)
        }

        .el-cascader__collapse-tags .el-tag:not(.is-hit) {
            border-color: transparent
        }

        .el-cascader__collapse-tags .el-tag > span {
            flex: 1;
            overflow: hidden;
            text-overflow: ellipsis
        }

        .el-cascader__collapse-tags .el-tag .el-icon-close {
            flex: none;
            background-color: var(--el-text-color-placeholder);
            color: var(--el-color-white)
        }

        .el-cascader__collapse-tags .el-tag .el-icon-close:hover {
            background-color: var(--el-text-color-secondary)
        }

        .el-cascader__suggestion-panel {
            border-radius: var(--el-cascader-menu-radius)
        }

        .el-cascader__suggestion-list {
            max-height: 204px;
            margin: 0;
            padding: 6px 0;
            font-size: var(--el-font-size-base);
            color: var(--el-cascader-menu-text-color);
            text-align: center
        }

        .el-cascader__suggestion-item {
            display: flex;
            justify-content: space-between;
            align-items: center;
            height: 34px;
            padding: 0 15px;
            text-align: left;
            outline: none;
            cursor: pointer
        }

        .el-cascader__suggestion-item:hover, .el-cascader__suggestion-item:focus {
            background: var(--el-cascader-node-background-hover)
        }

        .el-cascader__suggestion-item.is-checked {
            color: var(--el-cascader-menu-selected-text-color);
            font-weight: 700
        }

        .el-cascader__suggestion-item > span {
            margin-right: 10px
        }

        .el-cascader__empty-text {
            margin: 10px 0;
            color: var(--el-cascader-color-empty)
        }

        .el-cascader__search-input {
            flex: 1;
            height: 24px;
            min-width: 60px;
            margin: 2px 0 2px 11px;
            padding: 0;
            color: var(--el-cascader-menu-text-color);
            border: none;
            outline: none;
            box-sizing: border-box;
            background: transparent
        }

        .el-cascader__search-input::placeholder {
            color: transparent
        }

        .el-check-tag {
            background-color: var(--el-color-info-light-9);
            border-radius: var(--el-border-radius-base);
            color: var(--el-color-info);
            cursor: pointer;
            display: inline-block;
            font-size: var(--el-font-size-base);
            line-height: var(--el-font-size-base);
            padding: 7px 15px;
            transition: var(--el-transition-all);
            font-weight: 700
        }

        .el-check-tag:hover {
            background-color: var(--el-color-info-light-7)
        }

        .el-check-tag.is-checked.el-check-tag--primary {
            background-color: var(--el-color-primary-light-8);
            color: var(--el-color-primary)
        }

        .el-check-tag.is-checked.el-check-tag--primary:hover {
            background-color: var(--el-color-primary-light-7)
        }

        .el-check-tag.is-checked.el-check-tag--success {
            background-color: var(--el-color-success-light-8);
            color: var(--el-color-success)
        }

        .el-check-tag.is-checked.el-check-tag--success:hover {
            background-color: var(--el-color-success-light-7)
        }

        .el-check-tag.is-checked.el-check-tag--warning {
            background-color: var(--el-color-warning-light-8);
            color: var(--el-color-warning)
        }

        .el-check-tag.is-checked.el-check-tag--warning:hover {
            background-color: var(--el-color-warning-light-7)
        }

        .el-check-tag.is-checked.el-check-tag--danger {
            background-color: var(--el-color-danger-light-8);
            color: var(--el-color-danger)
        }

        .el-check-tag.is-checked.el-check-tag--danger:hover {
            background-color: var(--el-color-danger-light-7)
        }

        .el-check-tag.is-checked.el-check-tag--error {
            background-color: var(--el-color-error-light-8);
            color: var(--el-color-error)
        }

        .el-check-tag.is-checked.el-check-tag--error:hover {
            background-color: var(--el-color-error-light-7)
        }

        .el-check-tag.is-checked.el-check-tag--info {
            background-color: var(--el-color-info-light-8);
            color: var(--el-color-info)
        }

        .el-check-tag.is-checked.el-check-tag--info:hover {
            background-color: var(--el-color-info-light-7)
        }

        .el-checkbox-button {
            --el-checkbox-button-checked-bg-color: var(--el-color-primary);
            --el-checkbox-button-checked-text-color: var(--el-color-white);
            --el-checkbox-button-checked-border-color: var(--el-color-primary)
        }

        .el-checkbox-button {
            position: relative;
            display: inline-block
        }

        .el-checkbox-button__inner {
            display: inline-block;
            line-height: 1;
            font-weight: var(--el-checkbox-font-weight);
            white-space: nowrap;
            vertical-align: middle;
            cursor: pointer;
            background: var(--el-button-bg-color, var(--el-fill-color-blank));
            border: var(--el-border);
            border-left-color: transparent;
            color: var(--el-button-text-color, var(--el-text-color-regular));
            -webkit-appearance: none;
            text-align: center;
            box-sizing: border-box;
            outline: none;
            margin: 0;
            position: relative;
            transition: var(--el-transition-all);
            user-select: none;
            padding: 8px 15px;
            font-size: var(--el-font-size-base);
            border-radius: 0
        }

        .el-checkbox-button__inner.is-round {
            padding: 8px 15px
        }

        .el-checkbox-button__inner:hover {
            color: var(--el-color-primary)
        }

        .el-checkbox-button__inner [class*=el-icon-] {
            line-height: .9
        }

        .el-checkbox-button__inner [class*=el-icon-] + span {
            margin-left: 5px
        }

        .el-checkbox-button__original {
            opacity: 0;
            outline: none;
            position: absolute;
            margin: 0;
            z-index: -1
        }

        .el-checkbox-button.is-checked .el-checkbox-button__inner {
            color: var(--el-checkbox-button-checked-text-color);
            background-color: var(--el-checkbox-button-checked-bg-color);
            border-color: var(--el-checkbox-button-checked-border-color);
            box-shadow: -1px 0 0 0 var(--el-color-primary-light-7)
        }

        .el-checkbox-button.is-checked:first-child .el-checkbox-button__inner {
            border-left-color: var(--el-checkbox-button-checked-border-color)
        }

        .el-checkbox-button.is-disabled .el-checkbox-button__inner {
            color: var(--el-disabled-text-color);
            cursor: not-allowed;
            background-image: none;
            background-color: var(--el-button-disabled-bg-color, var(--el-fill-color-blank));
            border-color: var(--el-button-disabled-border-color, var(--el-border-color-light));
            box-shadow: none
        }

        .el-checkbox-button.is-disabled:first-child .el-checkbox-button__inner {
            border-left-color: var(--el-button-disabled-border-color, var(--el-border-color-light))
        }

        .el-checkbox-button:first-child .el-checkbox-button__inner {
            border-left: var(--el-border);
            border-top-left-radius: var(--el-border-radius-base);
            border-bottom-left-radius: var(--el-border-radius-base);
            box-shadow: none !important
        }

        .el-checkbox-button.is-focus .el-checkbox-button__inner {
            border-color: var(--el-checkbox-button-checked-border-color)
        }

        .el-checkbox-button:last-child .el-checkbox-button__inner {
            border-top-right-radius: var(--el-border-radius-base);
            border-bottom-right-radius: var(--el-border-radius-base)
        }

        .el-checkbox-button--large .el-checkbox-button__inner {
            padding: 12px 19px;
            font-size: var(--el-font-size-base);
            border-radius: 0
        }

        .el-checkbox-button--large .el-checkbox-button__inner.is-round {
            padding: 12px 19px
        }

        .el-checkbox-button--small .el-checkbox-button__inner {
            padding: 5px 11px;
            font-size: 12px;
            border-radius: 0
        }

        .el-checkbox-button--small .el-checkbox-button__inner.is-round {
            padding: 5px 11px
        }

        .el-checkbox-group {
            font-size: 0;
            line-height: 0
        }

        .el-checkbox {
            --el-checkbox-font-size: 14px;
            --el-checkbox-font-weight: var(--el-font-weight-primary);
            --el-checkbox-text-color: var(--el-text-color-regular);
            --el-checkbox-input-height: 14px;
            --el-checkbox-input-width: 14px;
            --el-checkbox-border-radius: var(--el-border-radius-small);
            --el-checkbox-bg-color: var(--el-fill-color-blank);
            --el-checkbox-input-border: var(--el-border);
            --el-checkbox-disabled-border-color: var(--el-border-color);
            --el-checkbox-disabled-input-fill: var(--el-fill-color-light);
            --el-checkbox-disabled-icon-color: var(--el-text-color-placeholder);
            --el-checkbox-disabled-checked-input-fill: var(--el-border-color-extra-light);
            --el-checkbox-disabled-checked-input-border-color: var(--el-border-color);
            --el-checkbox-disabled-checked-icon-color: var(--el-text-color-placeholder);
            --el-checkbox-checked-text-color: var(--el-color-primary);
            --el-checkbox-checked-input-border-color: var(--el-color-primary);
            --el-checkbox-checked-bg-color: var(--el-color-primary);
            --el-checkbox-checked-icon-color: var(--el-color-white);
            --el-checkbox-input-border-color-hover: var(--el-color-primary)
        }

        .el-checkbox {
            color: var(--el-checkbox-text-color);
            font-weight: var(--el-checkbox-font-weight);
            font-size: var(--el-font-size-base);
            position: relative;
            cursor: pointer;
            display: inline-flex;
            align-items: center;
            white-space: nowrap;
            user-select: none;
            margin-right: 30px;
            height: var(--el-checkbox-height, 32px)
        }

        .el-checkbox.is-disabled {
            cursor: not-allowed
        }

        .el-checkbox.is-bordered {
            padding: 0 15px 0 9px;
            border-radius: var(--el-border-radius-base);
            border: var(--el-border);
            box-sizing: border-box
        }

        .el-checkbox.is-bordered.is-checked {
            border-color: var(--el-color-primary)
        }

        .el-checkbox.is-bordered.is-disabled {
            border-color: var(--el-border-color-lighter)
        }

        .el-checkbox.is-bordered.el-checkbox--large {
            padding: 0 19px 0 11px;
            border-radius: var(--el-border-radius-base)
        }

        .el-checkbox.is-bordered.el-checkbox--large .el-checkbox__label {
            font-size: var(--el-font-size-base)
        }

        .el-checkbox.is-bordered.el-checkbox--large .el-checkbox__inner {
            height: 14px;
            width: 14px
        }

        .el-checkbox.is-bordered.el-checkbox--small {
            padding: 0 11px 0 7px;
            border-radius: calc(var(--el-border-radius-base) - 1px)
        }

        .el-checkbox.is-bordered.el-checkbox--small .el-checkbox__label {
            font-size: 12px
        }

        .el-checkbox.is-bordered.el-checkbox--small .el-checkbox__inner {
            height: 12px;
            width: 12px
        }

        .el-checkbox.is-bordered.el-checkbox--small .el-checkbox__inner:after {
            height: 6px;
            width: 2px
        }

        .el-checkbox input:focus-visible + .el-checkbox__inner {
            outline: 2px solid var(--el-checkbox-input-border-color-hover);
            outline-offset: 1px;
            border-radius: var(--el-checkbox-border-radius)
        }

        .el-checkbox__input {
            white-space: nowrap;
            cursor: pointer;
            outline: none;
            display: inline-flex;
            position: relative
        }

        .el-checkbox__input.is-disabled .el-checkbox__inner {
            background-color: var(--el-checkbox-disabled-input-fill);
            border-color: var(--el-checkbox-disabled-border-color);
            cursor: not-allowed
        }

        .el-checkbox__input.is-disabled .el-checkbox__inner:after {
            cursor: not-allowed;
            border-color: var(--el-checkbox-disabled-icon-color)
        }

        .el-checkbox__input.is-disabled.is-checked .el-checkbox__inner {
            background-color: var(--el-checkbox-disabled-checked-input-fill);
            border-color: var(--el-checkbox-disabled-checked-input-border-color)
        }

        .el-checkbox__input.is-disabled.is-checked .el-checkbox__inner:after {
            border-color: var(--el-checkbox-disabled-checked-icon-color)
        }

        .el-checkbox__input.is-disabled.is-indeterminate .el-checkbox__inner {
            background-color: var(--el-checkbox-disabled-checked-input-fill);
            border-color: var(--el-checkbox-disabled-checked-input-border-color)
        }

        .el-checkbox__input.is-disabled.is-indeterminate .el-checkbox__inner:before {
            background-color: var(--el-checkbox-disabled-checked-icon-color);
            border-color: var(--el-checkbox-disabled-checked-icon-color)
        }

        .el-checkbox__input.is-disabled + span.el-checkbox__label {
            color: var(--el-disabled-text-color);
            cursor: not-allowed
        }

        .el-checkbox__input.is-checked .el-checkbox__inner {
            background-color: var(--el-checkbox-checked-bg-color);
            border-color: var(--el-checkbox-checked-input-border-color)
        }

        .el-checkbox__input.is-checked .el-checkbox__inner:after {
            transform: rotate(45deg) scaleY(1);
            border-color: var(--el-checkbox-checked-icon-color)
        }

        .el-checkbox__input.is-checked + .el-checkbox__label {
            color: var(--el-checkbox-checked-text-color)
        }

        .el-checkbox__input.is-focus:not(.is-checked) .el-checkbox__original:not(:focus-visible) {
            border-color: var(--el-checkbox-input-border-color-hover)
        }

        .el-checkbox__input.is-indeterminate .el-checkbox__inner {
            background-color: var(--el-checkbox-checked-bg-color);
            border-color: var(--el-checkbox-checked-input-border-color)
        }

        .el-checkbox__input.is-indeterminate .el-checkbox__inner:before {
            content: "";
            position: absolute;
            display: block;
            background-color: var(--el-checkbox-checked-icon-color);
            height: 2px;
            transform: scale(.5);
            left: 0;
            right: 0;
            top: 5px
        }

        .el-checkbox__input.is-indeterminate .el-checkbox__inner:after {
            display: none
        }

        .el-checkbox__inner {
            display: inline-block;
            position: relative;
            border: var(--el-checkbox-input-border);
            border-radius: var(--el-checkbox-border-radius);
            box-sizing: border-box;
            width: var(--el-checkbox-input-width);
            height: var(--el-checkbox-input-height);
            background-color: var(--el-checkbox-bg-color);
            z-index: var(--el-index-normal);
            transition: border-color .25s cubic-bezier(.71, -.46, .29, 1.46), background-color .25s cubic-bezier(.71, -.46, .29, 1.46), outline .25s cubic-bezier(.71, -.46, .29, 1.46)
        }

        .el-checkbox__inner:hover {
            border-color: var(--el-checkbox-input-border-color-hover)
        }

        .el-checkbox__inner:after {
            box-sizing: content-box;
            content: "";
            border: 1px solid transparent;
            border-left: 0;
            border-top: 0;
            height: 7px;
            left: 4px;
            position: absolute;
            top: 1px;
            transform: rotate(45deg) scaleY(0);
            width: 3px;
            transition: transform .15s ease-in .05s;
            transform-origin: center
        }

        .el-checkbox__original {
            opacity: 0;
            outline: none;
            position: absolute;
            margin: 0;
            width: 0;
            height: 0;
            z-index: -1
        }

        .el-checkbox__label {
            display: inline-block;
            padding-left: 8px;
            line-height: 1;
            font-size: var(--el-checkbox-font-size)
        }

        .el-checkbox.el-checkbox--large {
            height: 40px
        }

        .el-checkbox.el-checkbox--large .el-checkbox__label {
            font-size: 14px
        }

        .el-checkbox.el-checkbox--large .el-checkbox__inner {
            width: 14px;
            height: 14px
        }

        .el-checkbox.el-checkbox--small {
            height: 24px
        }

        .el-checkbox.el-checkbox--small .el-checkbox__label {
            font-size: 12px
        }

        .el-checkbox.el-checkbox--small .el-checkbox__inner {
            width: 12px;
            height: 12px
        }

        .el-checkbox.el-checkbox--small .el-checkbox__input.is-indeterminate .el-checkbox__inner:before {
            top: 4px
        }

        .el-checkbox.el-checkbox--small .el-checkbox__inner:after {
            width: 2px;
            height: 6px
        }

        .el-checkbox:last-of-type {
            margin-right: 0
        }

        [class*=el-col-] {
            box-sizing: border-box
        }

        [class*=el-col-].is-guttered {
            display: block;
            min-height: 1px
        }

        .el-col-0 {
            display: none;
            max-width: 0%;
            flex: 0 0 0%
        }

        .el-col-0.is-guttered {
            display: none
        }

        .el-col-offset-0 {
            margin-left: 0%
        }

        .el-col-pull-0 {
            position: relative;
            right: 0%
        }

        .el-col-push-0 {
            position: relative;
            left: 0%
        }

        .el-col-1 {
            display: block;
            max-width: 4.1666666667%;
            flex: 0 0 4.1666666667%
        }

        .el-col-1.is-guttered {
            display: block
        }

        .el-col-offset-1 {
            margin-left: 4.1666666667%
        }

        .el-col-pull-1 {
            position: relative;
            right: 4.1666666667%
        }

        .el-col-push-1 {
            position: relative;
            left: 4.1666666667%
        }

        .el-col-2 {
            display: block;
            max-width: 8.3333333333%;
            flex: 0 0 8.3333333333%
        }

        .el-col-2.is-guttered {
            display: block
        }

        .el-col-offset-2 {
            margin-left: 8.3333333333%
        }

        .el-col-pull-2 {
            position: relative;
            right: 8.3333333333%
        }

        .el-col-push-2 {
            position: relative;
            left: 8.3333333333%
        }

        .el-col-3 {
            display: block;
            max-width: 12.5%;
            flex: 0 0 12.5%
        }

        .el-col-3.is-guttered {
            display: block
        }

        .el-col-offset-3 {
            margin-left: 12.5%
        }

        .el-col-pull-3 {
            position: relative;
            right: 12.5%
        }

        .el-col-push-3 {
            position: relative;
            left: 12.5%
        }

        .el-col-4 {
            display: block;
            max-width: 16.6666666667%;
            flex: 0 0 16.6666666667%
        }

        .el-col-4.is-guttered {
            display: block
        }

        .el-col-offset-4 {
            margin-left: 16.6666666667%
        }

        .el-col-pull-4 {
            position: relative;
            right: 16.6666666667%
        }

        .el-col-push-4 {
            position: relative;
            left: 16.6666666667%
        }

        .el-col-5 {
            display: block;
            max-width: 20.8333333333%;
            flex: 0 0 20.8333333333%
        }

        .el-col-5.is-guttered {
            display: block
        }

        .el-col-offset-5 {
            margin-left: 20.8333333333%
        }

        .el-col-pull-5 {
            position: relative;
            right: 20.8333333333%
        }

        .el-col-push-5 {
            position: relative;
            left: 20.8333333333%
        }

        .el-col-6 {
            display: block;
            max-width: 25%;
            flex: 0 0 25%
        }

        .el-col-6.is-guttered {
            display: block
        }

        .el-col-offset-6 {
            margin-left: 25%
        }

        .el-col-pull-6 {
            position: relative;
            right: 25%
        }

        .el-col-push-6 {
            position: relative;
            left: 25%
        }

        .el-col-7 {
            display: block;
            max-width: 29.1666666667%;
            flex: 0 0 29.1666666667%
        }

        .el-col-7.is-guttered {
            display: block
        }

        .el-col-offset-7 {
            margin-left: 29.1666666667%
        }

        .el-col-pull-7 {
            position: relative;
            right: 29.1666666667%
        }

        .el-col-push-7 {
            position: relative;
            left: 29.1666666667%
        }

        .el-col-8 {
            display: block;
            max-width: 33.3333333333%;
            flex: 0 0 33.3333333333%
        }

        .el-col-8.is-guttered {
            display: block
        }

        .el-col-offset-8 {
            margin-left: 33.3333333333%
        }

        .el-col-pull-8 {
            position: relative;
            right: 33.3333333333%
        }

        .el-col-push-8 {
            position: relative;
            left: 33.3333333333%
        }

        .el-col-9 {
            display: block;
            max-width: 37.5%;
            flex: 0 0 37.5%
        }

        .el-col-9.is-guttered {
            display: block
        }

        .el-col-offset-9 {
            margin-left: 37.5%
        }

        .el-col-pull-9 {
            position: relative;
            right: 37.5%
        }

        .el-col-push-9 {
            position: relative;
            left: 37.5%
        }

        .el-col-10 {
            display: block;
            max-width: 41.6666666667%;
            flex: 0 0 41.6666666667%
        }

        .el-col-10.is-guttered {
            display: block
        }

        .el-col-offset-10 {
            margin-left: 41.6666666667%
        }

        .el-col-pull-10 {
            position: relative;
            right: 41.6666666667%
        }

        .el-col-push-10 {
            position: relative;
            left: 41.6666666667%
        }

        .el-col-11 {
            display: block;
            max-width: 45.8333333333%;
            flex: 0 0 45.8333333333%
        }

        .el-col-11.is-guttered {
            display: block
        }

        .el-col-offset-11 {
            margin-left: 45.8333333333%
        }

        .el-col-pull-11 {
            position: relative;
            right: 45.8333333333%
        }

        .el-col-push-11 {
            position: relative;
            left: 45.8333333333%
        }

        .el-col-12 {
            display: block;
            max-width: 50%;
            flex: 0 0 50%
        }

        .el-col-12.is-guttered {
            display: block
        }

        .el-col-offset-12 {
            margin-left: 50%
        }

        .el-col-pull-12 {
            position: relative;
            right: 50%
        }

        .el-col-push-12 {
            position: relative;
            left: 50%
        }

        .el-col-13 {
            display: block;
            max-width: 54.1666666667%;
            flex: 0 0 54.1666666667%
        }

        .el-col-13.is-guttered {
            display: block
        }

        .el-col-offset-13 {
            margin-left: 54.1666666667%
        }

        .el-col-pull-13 {
            position: relative;
            right: 54.1666666667%
        }

        .el-col-push-13 {
            position: relative;
            left: 54.1666666667%
        }

        .el-col-14 {
            display: block;
            max-width: 58.3333333333%;
            flex: 0 0 58.3333333333%
        }

        .el-col-14.is-guttered {
            display: block
        }

        .el-col-offset-14 {
            margin-left: 58.3333333333%
        }

        .el-col-pull-14 {
            position: relative;
            right: 58.3333333333%
        }

        .el-col-push-14 {
            position: relative;
            left: 58.3333333333%
        }

        .el-col-15 {
            display: block;
            max-width: 62.5%;
            flex: 0 0 62.5%
        }

        .el-col-15.is-guttered {
            display: block
        }

        .el-col-offset-15 {
            margin-left: 62.5%
        }

        .el-col-pull-15 {
            position: relative;
            right: 62.5%
        }

        .el-col-push-15 {
            position: relative;
            left: 62.5%
        }

        .el-col-16 {
            display: block;
            max-width: 66.6666666667%;
            flex: 0 0 66.6666666667%
        }

        .el-col-16.is-guttered {
            display: block
        }

        .el-col-offset-16 {
            margin-left: 66.6666666667%
        }

        .el-col-pull-16 {
            position: relative;
            right: 66.6666666667%
        }

        .el-col-push-16 {
            position: relative;
            left: 66.6666666667%
        }

        .el-col-17 {
            display: block;
            max-width: 70.8333333333%;
            flex: 0 0 70.8333333333%
        }

        .el-col-17.is-guttered {
            display: block
        }

        .el-col-offset-17 {
            margin-left: 70.8333333333%
        }

        .el-col-pull-17 {
            position: relative;
            right: 70.8333333333%
        }

        .el-col-push-17 {
            position: relative;
            left: 70.8333333333%
        }

        .el-col-18 {
            display: block;
            max-width: 75%;
            flex: 0 0 75%
        }

        .el-col-18.is-guttered {
            display: block
        }

        .el-col-offset-18 {
            margin-left: 75%
        }

        .el-col-pull-18 {
            position: relative;
            right: 75%
        }

        .el-col-push-18 {
            position: relative;
            left: 75%
        }

        .el-col-19 {
            display: block;
            max-width: 79.1666666667%;
            flex: 0 0 79.1666666667%
        }

        .el-col-19.is-guttered {
            display: block
        }

        .el-col-offset-19 {
            margin-left: 79.1666666667%
        }

        .el-col-pull-19 {
            position: relative;
            right: 79.1666666667%
        }

        .el-col-push-19 {
            position: relative;
            left: 79.1666666667%
        }

        .el-col-20 {
            display: block;
            max-width: 83.3333333333%;
            flex: 0 0 83.3333333333%
        }

        .el-col-20.is-guttered {
            display: block
        }

        .el-col-offset-20 {
            margin-left: 83.3333333333%
        }

        .el-col-pull-20 {
            position: relative;
            right: 83.3333333333%
        }

        .el-col-push-20 {
            position: relative;
            left: 83.3333333333%
        }

        .el-col-21 {
            display: block;
            max-width: 87.5%;
            flex: 0 0 87.5%
        }

        .el-col-21.is-guttered {
            display: block
        }

        .el-col-offset-21 {
            margin-left: 87.5%
        }

        .el-col-pull-21 {
            position: relative;
            right: 87.5%
        }

        .el-col-push-21 {
            position: relative;
            left: 87.5%
        }

        .el-col-22 {
            display: block;
            max-width: 91.6666666667%;
            flex: 0 0 91.6666666667%
        }

        .el-col-22.is-guttered {
            display: block
        }

        .el-col-offset-22 {
            margin-left: 91.6666666667%
        }

        .el-col-pull-22 {
            position: relative;
            right: 91.6666666667%
        }

        .el-col-push-22 {
            position: relative;
            left: 91.6666666667%
        }

        .el-col-23 {
            display: block;
            max-width: 95.8333333333%;
            flex: 0 0 95.8333333333%
        }

        .el-col-23.is-guttered {
            display: block
        }

        .el-col-offset-23 {
            margin-left: 95.8333333333%
        }

        .el-col-pull-23 {
            position: relative;
            right: 95.8333333333%
        }

        .el-col-push-23 {
            position: relative;
            left: 95.8333333333%
        }

        .el-col-24 {
            display: block;
            max-width: 100%;
            flex: 0 0 100%
        }

        .el-col-24.is-guttered {
            display: block
        }

        .el-col-offset-24 {
            margin-left: 100%
        }

        .el-col-pull-24 {
            position: relative;
            right: 100%
        }

        .el-col-push-24 {
            position: relative;
            left: 100%
        }

        @media only screen and (max-width: 767px) {
            .el-col-xs-0 {
                display: none;
                max-width: 0%;
                flex: 0 0 0%
            }

            .el-col-xs-0.is-guttered {
                display: none
            }

            .el-col-xs-offset-0 {
                margin-left: 0%
            }

            .el-col-xs-pull-0 {
                position: relative;
                right: 0%
            }

            .el-col-xs-push-0 {
                position: relative;
                left: 0%
            }

            .el-col-xs-1 {
                display: block;
                max-width: 4.1666666667%;
                flex: 0 0 4.1666666667%
            }

            .el-col-xs-1.is-guttered {
                display: block
            }

            .el-col-xs-offset-1 {
                margin-left: 4.1666666667%
            }

            .el-col-xs-pull-1 {
                position: relative;
                right: 4.1666666667%
            }

            .el-col-xs-push-1 {
                position: relative;
                left: 4.1666666667%
            }

            .el-col-xs-2 {
                display: block;
                max-width: 8.3333333333%;
                flex: 0 0 8.3333333333%
            }

            .el-col-xs-2.is-guttered {
                display: block
            }

            .el-col-xs-offset-2 {
                margin-left: 8.3333333333%
            }

            .el-col-xs-pull-2 {
                position: relative;
                right: 8.3333333333%
            }

            .el-col-xs-push-2 {
                position: relative;
                left: 8.3333333333%
            }

            .el-col-xs-3 {
                display: block;
                max-width: 12.5%;
                flex: 0 0 12.5%
            }

            .el-col-xs-3.is-guttered {
                display: block
            }

            .el-col-xs-offset-3 {
                margin-left: 12.5%
            }

            .el-col-xs-pull-3 {
                position: relative;
                right: 12.5%
            }

            .el-col-xs-push-3 {
                position: relative;
                left: 12.5%
            }

            .el-col-xs-4 {
                display: block;
                max-width: 16.6666666667%;
                flex: 0 0 16.6666666667%
            }

            .el-col-xs-4.is-guttered {
                display: block
            }

            .el-col-xs-offset-4 {
                margin-left: 16.6666666667%
            }

            .el-col-xs-pull-4 {
                position: relative;
                right: 16.6666666667%
            }

            .el-col-xs-push-4 {
                position: relative;
                left: 16.6666666667%
            }

            .el-col-xs-5 {
                display: block;
                max-width: 20.8333333333%;
                flex: 0 0 20.8333333333%
            }

            .el-col-xs-5.is-guttered {
                display: block
            }

            .el-col-xs-offset-5 {
                margin-left: 20.8333333333%
            }

            .el-col-xs-pull-5 {
                position: relative;
                right: 20.8333333333%
            }

            .el-col-xs-push-5 {
                position: relative;
                left: 20.8333333333%
            }

            .el-col-xs-6 {
                display: block;
                max-width: 25%;
                flex: 0 0 25%
            }

            .el-col-xs-6.is-guttered {
                display: block
            }

            .el-col-xs-offset-6 {
                margin-left: 25%
            }

            .el-col-xs-pull-6 {
                position: relative;
                right: 25%
            }

            .el-col-xs-push-6 {
                position: relative;
                left: 25%
            }

            .el-col-xs-7 {
                display: block;
                max-width: 29.1666666667%;
                flex: 0 0 29.1666666667%
            }

            .el-col-xs-7.is-guttered {
                display: block
            }

            .el-col-xs-offset-7 {
                margin-left: 29.1666666667%
            }

            .el-col-xs-pull-7 {
                position: relative;
                right: 29.1666666667%
            }

            .el-col-xs-push-7 {
                position: relative;
                left: 29.1666666667%
            }

            .el-col-xs-8 {
                display: block;
                max-width: 33.3333333333%;
                flex: 0 0 33.3333333333%
            }

            .el-col-xs-8.is-guttered {
                display: block
            }

            .el-col-xs-offset-8 {
                margin-left: 33.3333333333%
            }

            .el-col-xs-pull-8 {
                position: relative;
                right: 33.3333333333%
            }

            .el-col-xs-push-8 {
                position: relative;
                left: 33.3333333333%
            }

            .el-col-xs-9 {
                display: block;
                max-width: 37.5%;
                flex: 0 0 37.5%
            }

            .el-col-xs-9.is-guttered {
                display: block
            }

            .el-col-xs-offset-9 {
                margin-left: 37.5%
            }

            .el-col-xs-pull-9 {
                position: relative;
                right: 37.5%
            }

            .el-col-xs-push-9 {
                position: relative;
                left: 37.5%
            }

            .el-col-xs-10 {
                display: block;
                max-width: 41.6666666667%;
                flex: 0 0 41.6666666667%
            }

            .el-col-xs-10.is-guttered {
                display: block
            }

            .el-col-xs-offset-10 {
                margin-left: 41.6666666667%
            }

            .el-col-xs-pull-10 {
                position: relative;
                right: 41.6666666667%
            }

            .el-col-xs-push-10 {
                position: relative;
                left: 41.6666666667%
            }

            .el-col-xs-11 {
                display: block;
                max-width: 45.8333333333%;
                flex: 0 0 45.8333333333%
            }

            .el-col-xs-11.is-guttered {
                display: block
            }

            .el-col-xs-offset-11 {
                margin-left: 45.8333333333%
            }

            .el-col-xs-pull-11 {
                position: relative;
                right: 45.8333333333%
            }

            .el-col-xs-push-11 {
                position: relative;
                left: 45.8333333333%
            }

            .el-col-xs-12 {
                display: block;
                max-width: 50%;
                flex: 0 0 50%
            }

            .el-col-xs-12.is-guttered {
                display: block
            }

            .el-col-xs-offset-12 {
                margin-left: 50%
            }

            .el-col-xs-pull-12 {
                position: relative;
                right: 50%
            }

            .el-col-xs-push-12 {
                position: relative;
                left: 50%
            }

            .el-col-xs-13 {
                display: block;
                max-width: 54.1666666667%;
                flex: 0 0 54.1666666667%
            }

            .el-col-xs-13.is-guttered {
                display: block
            }

            .el-col-xs-offset-13 {
                margin-left: 54.1666666667%
            }

            .el-col-xs-pull-13 {
                position: relative;
                right: 54.1666666667%
            }

            .el-col-xs-push-13 {
                position: relative;
                left: 54.1666666667%
            }

            .el-col-xs-14 {
                display: block;
                max-width: 58.3333333333%;
                flex: 0 0 58.3333333333%
            }

            .el-col-xs-14.is-guttered {
                display: block
            }

            .el-col-xs-offset-14 {
                margin-left: 58.3333333333%
            }

            .el-col-xs-pull-14 {
                position: relative;
                right: 58.3333333333%
            }

            .el-col-xs-push-14 {
                position: relative;
                left: 58.3333333333%
            }

            .el-col-xs-15 {
                display: block;
                max-width: 62.5%;
                flex: 0 0 62.5%
            }

            .el-col-xs-15.is-guttered {
                display: block
            }

            .el-col-xs-offset-15 {
                margin-left: 62.5%
            }

            .el-col-xs-pull-15 {
                position: relative;
                right: 62.5%
            }

            .el-col-xs-push-15 {
                position: relative;
                left: 62.5%
            }

            .el-col-xs-16 {
                display: block;
                max-width: 66.6666666667%;
                flex: 0 0 66.6666666667%
            }

            .el-col-xs-16.is-guttered {
                display: block
            }

            .el-col-xs-offset-16 {
                margin-left: 66.6666666667%
            }

            .el-col-xs-pull-16 {
                position: relative;
                right: 66.6666666667%
            }

            .el-col-xs-push-16 {
                position: relative;
                left: 66.6666666667%
            }

            .el-col-xs-17 {
                display: block;
                max-width: 70.8333333333%;
                flex: 0 0 70.8333333333%
            }

            .el-col-xs-17.is-guttered {
                display: block
            }

            .el-col-xs-offset-17 {
                margin-left: 70.8333333333%
            }

            .el-col-xs-pull-17 {
                position: relative;
                right: 70.8333333333%
            }

            .el-col-xs-push-17 {
                position: relative;
                left: 70.8333333333%
            }

            .el-col-xs-18 {
                display: block;
                max-width: 75%;
                flex: 0 0 75%
            }

            .el-col-xs-18.is-guttered {
                display: block
            }

            .el-col-xs-offset-18 {
                margin-left: 75%
            }

            .el-col-xs-pull-18 {
                position: relative;
                right: 75%
            }

            .el-col-xs-push-18 {
                position: relative;
                left: 75%
            }

            .el-col-xs-19 {
                display: block;
                max-width: 79.1666666667%;
                flex: 0 0 79.1666666667%
            }

            .el-col-xs-19.is-guttered {
                display: block
            }

            .el-col-xs-offset-19 {
                margin-left: 79.1666666667%
            }

            .el-col-xs-pull-19 {
                position: relative;
                right: 79.1666666667%
            }

            .el-col-xs-push-19 {
                position: relative;
                left: 79.1666666667%
            }

            .el-col-xs-20 {
                display: block;
                max-width: 83.3333333333%;
                flex: 0 0 83.3333333333%
            }

            .el-col-xs-20.is-guttered {
                display: block
            }

            .el-col-xs-offset-20 {
                margin-left: 83.3333333333%
            }

            .el-col-xs-pull-20 {
                position: relative;
                right: 83.3333333333%
            }

            .el-col-xs-push-20 {
                position: relative;
                left: 83.3333333333%
            }

            .el-col-xs-21 {
                display: block;
                max-width: 87.5%;
                flex: 0 0 87.5%
            }

            .el-col-xs-21.is-guttered {
                display: block
            }

            .el-col-xs-offset-21 {
                margin-left: 87.5%
            }

            .el-col-xs-pull-21 {
                position: relative;
                right: 87.5%
            }

            .el-col-xs-push-21 {
                position: relative;
                left: 87.5%
            }

            .el-col-xs-22 {
                display: block;
                max-width: 91.6666666667%;
                flex: 0 0 91.6666666667%
            }

            .el-col-xs-22.is-guttered {
                display: block
            }

            .el-col-xs-offset-22 {
                margin-left: 91.6666666667%
            }

            .el-col-xs-pull-22 {
                position: relative;
                right: 91.6666666667%
            }

            .el-col-xs-push-22 {
                position: relative;
                left: 91.6666666667%
            }

            .el-col-xs-23 {
                display: block;
                max-width: 95.8333333333%;
                flex: 0 0 95.8333333333%
            }

            .el-col-xs-23.is-guttered {
                display: block
            }

            .el-col-xs-offset-23 {
                margin-left: 95.8333333333%
            }

            .el-col-xs-pull-23 {
                position: relative;
                right: 95.8333333333%
            }

            .el-col-xs-push-23 {
                position: relative;
                left: 95.8333333333%
            }

            .el-col-xs-24 {
                display: block;
                max-width: 100%;
                flex: 0 0 100%
            }

            .el-col-xs-24.is-guttered {
                display: block
            }

            .el-col-xs-offset-24 {
                margin-left: 100%
            }

            .el-col-xs-pull-24 {
                position: relative;
                right: 100%
            }

            .el-col-xs-push-24 {
                position: relative;
                left: 100%
            }
        }

        @media only screen and (min-width: 768px) {
            .el-col-sm-0 {
                display: none;
                max-width: 0%;
                flex: 0 0 0%
            }

            .el-col-sm-0.is-guttered {
                display: none
            }

            .el-col-sm-offset-0 {
                margin-left: 0%
            }

            .el-col-sm-pull-0 {
                position: relative;
                right: 0%
            }

            .el-col-sm-push-0 {
                position: relative;
                left: 0%
            }

            .el-col-sm-1 {
                display: block;
                max-width: 4.1666666667%;
                flex: 0 0 4.1666666667%
            }

            .el-col-sm-1.is-guttered {
                display: block
            }

            .el-col-sm-offset-1 {
                margin-left: 4.1666666667%
            }

            .el-col-sm-pull-1 {
                position: relative;
                right: 4.1666666667%
            }

            .el-col-sm-push-1 {
                position: relative;
                left: 4.1666666667%
            }

            .el-col-sm-2 {
                display: block;
                max-width: 8.3333333333%;
                flex: 0 0 8.3333333333%
            }

            .el-col-sm-2.is-guttered {
                display: block
            }

            .el-col-sm-offset-2 {
                margin-left: 8.3333333333%
            }

            .el-col-sm-pull-2 {
                position: relative;
                right: 8.3333333333%
            }

            .el-col-sm-push-2 {
                position: relative;
                left: 8.3333333333%
            }

            .el-col-sm-3 {
                display: block;
                max-width: 12.5%;
                flex: 0 0 12.5%
            }

            .el-col-sm-3.is-guttered {
                display: block
            }

            .el-col-sm-offset-3 {
                margin-left: 12.5%
            }

            .el-col-sm-pull-3 {
                position: relative;
                right: 12.5%
            }

            .el-col-sm-push-3 {
                position: relative;
                left: 12.5%
            }

            .el-col-sm-4 {
                display: block;
                max-width: 16.6666666667%;
                flex: 0 0 16.6666666667%
            }

            .el-col-sm-4.is-guttered {
                display: block
            }

            .el-col-sm-offset-4 {
                margin-left: 16.6666666667%
            }

            .el-col-sm-pull-4 {
                position: relative;
                right: 16.6666666667%
            }

            .el-col-sm-push-4 {
                position: relative;
                left: 16.6666666667%
            }

            .el-col-sm-5 {
                display: block;
                max-width: 20.8333333333%;
                flex: 0 0 20.8333333333%
            }

            .el-col-sm-5.is-guttered {
                display: block
            }

            .el-col-sm-offset-5 {
                margin-left: 20.8333333333%
            }

            .el-col-sm-pull-5 {
                position: relative;
                right: 20.8333333333%
            }

            .el-col-sm-push-5 {
                position: relative;
                left: 20.8333333333%
            }

            .el-col-sm-6 {
                display: block;
                max-width: 25%;
                flex: 0 0 25%
            }

            .el-col-sm-6.is-guttered {
                display: block
            }

            .el-col-sm-offset-6 {
                margin-left: 25%
            }

            .el-col-sm-pull-6 {
                position: relative;
                right: 25%
            }

            .el-col-sm-push-6 {
                position: relative;
                left: 25%
            }

            .el-col-sm-7 {
                display: block;
                max-width: 29.1666666667%;
                flex: 0 0 29.1666666667%
            }

            .el-col-sm-7.is-guttered {
                display: block
            }

            .el-col-sm-offset-7 {
                margin-left: 29.1666666667%
            }

            .el-col-sm-pull-7 {
                position: relative;
                right: 29.1666666667%
            }

            .el-col-sm-push-7 {
                position: relative;
                left: 29.1666666667%
            }

            .el-col-sm-8 {
                display: block;
                max-width: 33.3333333333%;
                flex: 0 0 33.3333333333%
            }

            .el-col-sm-8.is-guttered {
                display: block
            }

            .el-col-sm-offset-8 {
                margin-left: 33.3333333333%
            }

            .el-col-sm-pull-8 {
                position: relative;
                right: 33.3333333333%
            }

            .el-col-sm-push-8 {
                position: relative;
                left: 33.3333333333%
            }

            .el-col-sm-9 {
                display: block;
                max-width: 37.5%;
                flex: 0 0 37.5%
            }

            .el-col-sm-9.is-guttered {
                display: block
            }

            .el-col-sm-offset-9 {
                margin-left: 37.5%
            }

            .el-col-sm-pull-9 {
                position: relative;
                right: 37.5%
            }

            .el-col-sm-push-9 {
                position: relative;
                left: 37.5%
            }

            .el-col-sm-10 {
                display: block;
                max-width: 41.6666666667%;
                flex: 0 0 41.6666666667%
            }

            .el-col-sm-10.is-guttered {
                display: block
            }

            .el-col-sm-offset-10 {
                margin-left: 41.6666666667%
            }

            .el-col-sm-pull-10 {
                position: relative;
                right: 41.6666666667%
            }

            .el-col-sm-push-10 {
                position: relative;
                left: 41.6666666667%
            }

            .el-col-sm-11 {
                display: block;
                max-width: 45.8333333333%;
                flex: 0 0 45.8333333333%
            }

            .el-col-sm-11.is-guttered {
                display: block
            }

            .el-col-sm-offset-11 {
                margin-left: 45.8333333333%
            }

            .el-col-sm-pull-11 {
                position: relative;
                right: 45.8333333333%
            }

            .el-col-sm-push-11 {
                position: relative;
                left: 45.8333333333%
            }

            .el-col-sm-12 {
                display: block;
                max-width: 50%;
                flex: 0 0 50%
            }

            .el-col-sm-12.is-guttered {
                display: block
            }

            .el-col-sm-offset-12 {
                margin-left: 50%
            }

            .el-col-sm-pull-12 {
                position: relative;
                right: 50%
            }

            .el-col-sm-push-12 {
                position: relative;
                left: 50%
            }

            .el-col-sm-13 {
                display: block;
                max-width: 54.1666666667%;
                flex: 0 0 54.1666666667%
            }

            .el-col-sm-13.is-guttered {
                display: block
            }

            .el-col-sm-offset-13 {
                margin-left: 54.1666666667%
            }

            .el-col-sm-pull-13 {
                position: relative;
                right: 54.1666666667%
            }

            .el-col-sm-push-13 {
                position: relative;
                left: 54.1666666667%
            }

            .el-col-sm-14 {
                display: block;
                max-width: 58.3333333333%;
                flex: 0 0 58.3333333333%
            }

            .el-col-sm-14.is-guttered {
                display: block
            }

            .el-col-sm-offset-14 {
                margin-left: 58.3333333333%
            }

            .el-col-sm-pull-14 {
                position: relative;
                right: 58.3333333333%
            }

            .el-col-sm-push-14 {
                position: relative;
                left: 58.3333333333%
            }

            .el-col-sm-15 {
                display: block;
                max-width: 62.5%;
                flex: 0 0 62.5%
            }

            .el-col-sm-15.is-guttered {
                display: block
            }

            .el-col-sm-offset-15 {
                margin-left: 62.5%
            }

            .el-col-sm-pull-15 {
                position: relative;
                right: 62.5%
            }

            .el-col-sm-push-15 {
                position: relative;
                left: 62.5%
            }

            .el-col-sm-16 {
                display: block;
                max-width: 66.6666666667%;
                flex: 0 0 66.6666666667%
            }

            .el-col-sm-16.is-guttered {
                display: block
            }

            .el-col-sm-offset-16 {
                margin-left: 66.6666666667%
            }

            .el-col-sm-pull-16 {
                position: relative;
                right: 66.6666666667%
            }

            .el-col-sm-push-16 {
                position: relative;
                left: 66.6666666667%
            }

            .el-col-sm-17 {
                display: block;
                max-width: 70.8333333333%;
                flex: 0 0 70.8333333333%
            }

            .el-col-sm-17.is-guttered {
                display: block
            }

            .el-col-sm-offset-17 {
                margin-left: 70.8333333333%
            }

            .el-col-sm-pull-17 {
                position: relative;
                right: 70.8333333333%
            }

            .el-col-sm-push-17 {
                position: relative;
                left: 70.8333333333%
            }

            .el-col-sm-18 {
                display: block;
                max-width: 75%;
                flex: 0 0 75%
            }

            .el-col-sm-18.is-guttered {
                display: block
            }

            .el-col-sm-offset-18 {
                margin-left: 75%
            }

            .el-col-sm-pull-18 {
                position: relative;
                right: 75%
            }

            .el-col-sm-push-18 {
                position: relative;
                left: 75%
            }

            .el-col-sm-19 {
                display: block;
                max-width: 79.1666666667%;
                flex: 0 0 79.1666666667%
            }

            .el-col-sm-19.is-guttered {
                display: block
            }

            .el-col-sm-offset-19 {
                margin-left: 79.1666666667%
            }

            .el-col-sm-pull-19 {
                position: relative;
                right: 79.1666666667%
            }

            .el-col-sm-push-19 {
                position: relative;
                left: 79.1666666667%
            }

            .el-col-sm-20 {
                display: block;
                max-width: 83.3333333333%;
                flex: 0 0 83.3333333333%
            }

            .el-col-sm-20.is-guttered {
                display: block
            }

            .el-col-sm-offset-20 {
                margin-left: 83.3333333333%
            }

            .el-col-sm-pull-20 {
                position: relative;
                right: 83.3333333333%
            }

            .el-col-sm-push-20 {
                position: relative;
                left: 83.3333333333%
            }

            .el-col-sm-21 {
                display: block;
                max-width: 87.5%;
                flex: 0 0 87.5%
            }

            .el-col-sm-21.is-guttered {
                display: block
            }

            .el-col-sm-offset-21 {
                margin-left: 87.5%
            }

            .el-col-sm-pull-21 {
                position: relative;
                right: 87.5%
            }

            .el-col-sm-push-21 {
                position: relative;
                left: 87.5%
            }

            .el-col-sm-22 {
                display: block;
                max-width: 91.6666666667%;
                flex: 0 0 91.6666666667%
            }

            .el-col-sm-22.is-guttered {
                display: block
            }

            .el-col-sm-offset-22 {
                margin-left: 91.6666666667%
            }

            .el-col-sm-pull-22 {
                position: relative;
                right: 91.6666666667%
            }

            .el-col-sm-push-22 {
                position: relative;
                left: 91.6666666667%
            }

            .el-col-sm-23 {
                display: block;
                max-width: 95.8333333333%;
                flex: 0 0 95.8333333333%
            }

            .el-col-sm-23.is-guttered {
                display: block
            }

            .el-col-sm-offset-23 {
                margin-left: 95.8333333333%
            }

            .el-col-sm-pull-23 {
                position: relative;
                right: 95.8333333333%
            }

            .el-col-sm-push-23 {
                position: relative;
                left: 95.8333333333%
            }

            .el-col-sm-24 {
                display: block;
                max-width: 100%;
                flex: 0 0 100%
            }

            .el-col-sm-24.is-guttered {
                display: block
            }

            .el-col-sm-offset-24 {
                margin-left: 100%
            }

            .el-col-sm-pull-24 {
                position: relative;
                right: 100%
            }

            .el-col-sm-push-24 {
                position: relative;
                left: 100%
            }
        }

        @media only screen and (min-width: 992px) {
            .el-col-md-0 {
                display: none;
                max-width: 0%;
                flex: 0 0 0%
            }

            .el-col-md-0.is-guttered {
                display: none
            }

            .el-col-md-offset-0 {
                margin-left: 0%
            }

            .el-col-md-pull-0 {
                position: relative;
                right: 0%
            }

            .el-col-md-push-0 {
                position: relative;
                left: 0%
            }

            .el-col-md-1 {
                display: block;
                max-width: 4.1666666667%;
                flex: 0 0 4.1666666667%
            }

            .el-col-md-1.is-guttered {
                display: block
            }

            .el-col-md-offset-1 {
                margin-left: 4.1666666667%
            }

            .el-col-md-pull-1 {
                position: relative;
                right: 4.1666666667%
            }

            .el-col-md-push-1 {
                position: relative;
                left: 4.1666666667%
            }

            .el-col-md-2 {
                display: block;
                max-width: 8.3333333333%;
                flex: 0 0 8.3333333333%
            }

            .el-col-md-2.is-guttered {
                display: block
            }

            .el-col-md-offset-2 {
                margin-left: 8.3333333333%
            }

            .el-col-md-pull-2 {
                position: relative;
                right: 8.3333333333%
            }

            .el-col-md-push-2 {
                position: relative;
                left: 8.3333333333%
            }

            .el-col-md-3 {
                display: block;
                max-width: 12.5%;
                flex: 0 0 12.5%
            }

            .el-col-md-3.is-guttered {
                display: block
            }

            .el-col-md-offset-3 {
                margin-left: 12.5%
            }

            .el-col-md-pull-3 {
                position: relative;
                right: 12.5%
            }

            .el-col-md-push-3 {
                position: relative;
                left: 12.5%
            }

            .el-col-md-4 {
                display: block;
                max-width: 16.6666666667%;
                flex: 0 0 16.6666666667%
            }

            .el-col-md-4.is-guttered {
                display: block
            }

            .el-col-md-offset-4 {
                margin-left: 16.6666666667%
            }

            .el-col-md-pull-4 {
                position: relative;
                right: 16.6666666667%
            }

            .el-col-md-push-4 {
                position: relative;
                left: 16.6666666667%
            }

            .el-col-md-5 {
                display: block;
                max-width: 20.8333333333%;
                flex: 0 0 20.8333333333%
            }

            .el-col-md-5.is-guttered {
                display: block
            }

            .el-col-md-offset-5 {
                margin-left: 20.8333333333%
            }

            .el-col-md-pull-5 {
                position: relative;
                right: 20.8333333333%
            }

            .el-col-md-push-5 {
                position: relative;
                left: 20.8333333333%
            }

            .el-col-md-6 {
                display: block;
                max-width: 25%;
                flex: 0 0 25%
            }

            .el-col-md-6.is-guttered {
                display: block
            }

            .el-col-md-offset-6 {
                margin-left: 25%
            }

            .el-col-md-pull-6 {
                position: relative;
                right: 25%
            }

            .el-col-md-push-6 {
                position: relative;
                left: 25%
            }

            .el-col-md-7 {
                display: block;
                max-width: 29.1666666667%;
                flex: 0 0 29.1666666667%
            }

            .el-col-md-7.is-guttered {
                display: block
            }

            .el-col-md-offset-7 {
                margin-left: 29.1666666667%
            }

            .el-col-md-pull-7 {
                position: relative;
                right: 29.1666666667%
            }

            .el-col-md-push-7 {
                position: relative;
                left: 29.1666666667%
            }

            .el-col-md-8 {
                display: block;
                max-width: 33.3333333333%;
                flex: 0 0 33.3333333333%
            }

            .el-col-md-8.is-guttered {
                display: block
            }

            .el-col-md-offset-8 {
                margin-left: 33.3333333333%
            }

            .el-col-md-pull-8 {
                position: relative;
                right: 33.3333333333%
            }

            .el-col-md-push-8 {
                position: relative;
                left: 33.3333333333%
            }

            .el-col-md-9 {
                display: block;
                max-width: 37.5%;
                flex: 0 0 37.5%
            }

            .el-col-md-9.is-guttered {
                display: block
            }

            .el-col-md-offset-9 {
                margin-left: 37.5%
            }

            .el-col-md-pull-9 {
                position: relative;
                right: 37.5%
            }

            .el-col-md-push-9 {
                position: relative;
                left: 37.5%
            }

            .el-col-md-10 {
                display: block;
                max-width: 41.6666666667%;
                flex: 0 0 41.6666666667%
            }

            .el-col-md-10.is-guttered {
                display: block
            }

            .el-col-md-offset-10 {
                margin-left: 41.6666666667%
            }

            .el-col-md-pull-10 {
                position: relative;
                right: 41.6666666667%
            }

            .el-col-md-push-10 {
                position: relative;
                left: 41.6666666667%
            }

            .el-col-md-11 {
                display: block;
                max-width: 45.8333333333%;
                flex: 0 0 45.8333333333%
            }

            .el-col-md-11.is-guttered {
                display: block
            }

            .el-col-md-offset-11 {
                margin-left: 45.8333333333%
            }

            .el-col-md-pull-11 {
                position: relative;
                right: 45.8333333333%
            }

            .el-col-md-push-11 {
                position: relative;
                left: 45.8333333333%
            }

            .el-col-md-12 {
                display: block;
                max-width: 50%;
                flex: 0 0 50%
            }

            .el-col-md-12.is-guttered {
                display: block
            }

            .el-col-md-offset-12 {
                margin-left: 50%
            }

            .el-col-md-pull-12 {
                position: relative;
                right: 50%
            }

            .el-col-md-push-12 {
                position: relative;
                left: 50%
            }

            .el-col-md-13 {
                display: block;
                max-width: 54.1666666667%;
                flex: 0 0 54.1666666667%
            }

            .el-col-md-13.is-guttered {
                display: block
            }

            .el-col-md-offset-13 {
                margin-left: 54.1666666667%
            }

            .el-col-md-pull-13 {
                position: relative;
                right: 54.1666666667%
            }

            .el-col-md-push-13 {
                position: relative;
                left: 54.1666666667%
            }

            .el-col-md-14 {
                display: block;
                max-width: 58.3333333333%;
                flex: 0 0 58.3333333333%
            }

            .el-col-md-14.is-guttered {
                display: block
            }

            .el-col-md-offset-14 {
                margin-left: 58.3333333333%
            }

            .el-col-md-pull-14 {
                position: relative;
                right: 58.3333333333%
            }

            .el-col-md-push-14 {
                position: relative;
                left: 58.3333333333%
            }

            .el-col-md-15 {
                display: block;
                max-width: 62.5%;
                flex: 0 0 62.5%
            }

            .el-col-md-15.is-guttered {
                display: block
            }

            .el-col-md-offset-15 {
                margin-left: 62.5%
            }

            .el-col-md-pull-15 {
                position: relative;
                right: 62.5%
            }

            .el-col-md-push-15 {
                position: relative;
                left: 62.5%
            }

            .el-col-md-16 {
                display: block;
                max-width: 66.6666666667%;
                flex: 0 0 66.6666666667%
            }

            .el-col-md-16.is-guttered {
                display: block
            }

            .el-col-md-offset-16 {
                margin-left: 66.6666666667%
            }

            .el-col-md-pull-16 {
                position: relative;
                right: 66.6666666667%
            }

            .el-col-md-push-16 {
                position: relative;
                left: 66.6666666667%
            }

            .el-col-md-17 {
                display: block;
                max-width: 70.8333333333%;
                flex: 0 0 70.8333333333%
            }

            .el-col-md-17.is-guttered {
                display: block
            }

            .el-col-md-offset-17 {
                margin-left: 70.8333333333%
            }

            .el-col-md-pull-17 {
                position: relative;
                right: 70.8333333333%
            }

            .el-col-md-push-17 {
                position: relative;
                left: 70.8333333333%
            }

            .el-col-md-18 {
                display: block;
                max-width: 75%;
                flex: 0 0 75%
            }

            .el-col-md-18.is-guttered {
                display: block
            }

            .el-col-md-offset-18 {
                margin-left: 75%
            }

            .el-col-md-pull-18 {
                position: relative;
                right: 75%
            }

            .el-col-md-push-18 {
                position: relative;
                left: 75%
            }

            .el-col-md-19 {
                display: block;
                max-width: 79.1666666667%;
                flex: 0 0 79.1666666667%
            }

            .el-col-md-19.is-guttered {
                display: block
            }

            .el-col-md-offset-19 {
                margin-left: 79.1666666667%
            }

            .el-col-md-pull-19 {
                position: relative;
                right: 79.1666666667%
            }

            .el-col-md-push-19 {
                position: relative;
                left: 79.1666666667%
            }

            .el-col-md-20 {
                display: block;
                max-width: 83.3333333333%;
                flex: 0 0 83.3333333333%
            }

            .el-col-md-20.is-guttered {
                display: block
            }

            .el-col-md-offset-20 {
                margin-left: 83.3333333333%
            }

            .el-col-md-pull-20 {
                position: relative;
                right: 83.3333333333%
            }

            .el-col-md-push-20 {
                position: relative;
                left: 83.3333333333%
            }

            .el-col-md-21 {
                display: block;
                max-width: 87.5%;
                flex: 0 0 87.5%
            }

            .el-col-md-21.is-guttered {
                display: block
            }

            .el-col-md-offset-21 {
                margin-left: 87.5%
            }

            .el-col-md-pull-21 {
                position: relative;
                right: 87.5%
            }

            .el-col-md-push-21 {
                position: relative;
                left: 87.5%
            }

            .el-col-md-22 {
                display: block;
                max-width: 91.6666666667%;
                flex: 0 0 91.6666666667%
            }

            .el-col-md-22.is-guttered {
                display: block
            }

            .el-col-md-offset-22 {
                margin-left: 91.6666666667%
            }

            .el-col-md-pull-22 {
                position: relative;
                right: 91.6666666667%
            }

            .el-col-md-push-22 {
                position: relative;
                left: 91.6666666667%
            }

            .el-col-md-23 {
                display: block;
                max-width: 95.8333333333%;
                flex: 0 0 95.8333333333%
            }

            .el-col-md-23.is-guttered {
                display: block
            }

            .el-col-md-offset-23 {
                margin-left: 95.8333333333%
            }

            .el-col-md-pull-23 {
                position: relative;
                right: 95.8333333333%
            }

            .el-col-md-push-23 {
                position: relative;
                left: 95.8333333333%
            }

            .el-col-md-24 {
                display: block;
                max-width: 100%;
                flex: 0 0 100%
            }

            .el-col-md-24.is-guttered {
                display: block
            }

            .el-col-md-offset-24 {
                margin-left: 100%
            }

            .el-col-md-pull-24 {
                position: relative;
                right: 100%
            }

            .el-col-md-push-24 {
                position: relative;
                left: 100%
            }
        }

        @media only screen and (min-width: 1200px) {
            .el-col-lg-0 {
                display: none;
                max-width: 0%;
                flex: 0 0 0%
            }

            .el-col-lg-0.is-guttered {
                display: none
            }

            .el-col-lg-offset-0 {
                margin-left: 0%
            }

            .el-col-lg-pull-0 {
                position: relative;
                right: 0%
            }

            .el-col-lg-push-0 {
                position: relative;
                left: 0%
            }

            .el-col-lg-1 {
                display: block;
                max-width: 4.1666666667%;
                flex: 0 0 4.1666666667%
            }

            .el-col-lg-1.is-guttered {
                display: block
            }

            .el-col-lg-offset-1 {
                margin-left: 4.1666666667%
            }

            .el-col-lg-pull-1 {
                position: relative;
                right: 4.1666666667%
            }

            .el-col-lg-push-1 {
                position: relative;
                left: 4.1666666667%
            }

            .el-col-lg-2 {
                display: block;
                max-width: 8.3333333333%;
                flex: 0 0 8.3333333333%
            }

            .el-col-lg-2.is-guttered {
                display: block
            }

            .el-col-lg-offset-2 {
                margin-left: 8.3333333333%
            }

            .el-col-lg-pull-2 {
                position: relative;
                right: 8.3333333333%
            }

            .el-col-lg-push-2 {
                position: relative;
                left: 8.3333333333%
            }

            .el-col-lg-3 {
                display: block;
                max-width: 12.5%;
                flex: 0 0 12.5%
            }

            .el-col-lg-3.is-guttered {
                display: block
            }

            .el-col-lg-offset-3 {
                margin-left: 12.5%
            }

            .el-col-lg-pull-3 {
                position: relative;
                right: 12.5%
            }

            .el-col-lg-push-3 {
                position: relative;
                left: 12.5%
            }

            .el-col-lg-4 {
                display: block;
                max-width: 16.6666666667%;
                flex: 0 0 16.6666666667%
            }

            .el-col-lg-4.is-guttered {
                display: block
            }

            .el-col-lg-offset-4 {
                margin-left: 16.6666666667%
            }

            .el-col-lg-pull-4 {
                position: relative;
                right: 16.6666666667%
            }

            .el-col-lg-push-4 {
                position: relative;
                left: 16.6666666667%
            }

            .el-col-lg-5 {
                display: block;
                max-width: 20.8333333333%;
                flex: 0 0 20.8333333333%
            }

            .el-col-lg-5.is-guttered {
                display: block
            }

            .el-col-lg-offset-5 {
                margin-left: 20.8333333333%
            }

            .el-col-lg-pull-5 {
                position: relative;
                right: 20.8333333333%
            }

            .el-col-lg-push-5 {
                position: relative;
                left: 20.8333333333%
            }

            .el-col-lg-6 {
                display: block;
                max-width: 25%;
                flex: 0 0 25%
            }

            .el-col-lg-6.is-guttered {
                display: block
            }

            .el-col-lg-offset-6 {
                margin-left: 25%
            }

            .el-col-lg-pull-6 {
                position: relative;
                right: 25%
            }

            .el-col-lg-push-6 {
                position: relative;
                left: 25%
            }

            .el-col-lg-7 {
                display: block;
                max-width: 29.1666666667%;
                flex: 0 0 29.1666666667%
            }

            .el-col-lg-7.is-guttered {
                display: block
            }

            .el-col-lg-offset-7 {
                margin-left: 29.1666666667%
            }

            .el-col-lg-pull-7 {
                position: relative;
                right: 29.1666666667%
            }

            .el-col-lg-push-7 {
                position: relative;
                left: 29.1666666667%
            }

            .el-col-lg-8 {
                display: block;
                max-width: 33.3333333333%;
                flex: 0 0 33.3333333333%
            }

            .el-col-lg-8.is-guttered {
                display: block
            }

            .el-col-lg-offset-8 {
                margin-left: 33.3333333333%
            }

            .el-col-lg-pull-8 {
                position: relative;
                right: 33.3333333333%
            }

            .el-col-lg-push-8 {
                position: relative;
                left: 33.3333333333%
            }

            .el-col-lg-9 {
                display: block;
                max-width: 37.5%;
                flex: 0 0 37.5%
            }

            .el-col-lg-9.is-guttered {
                display: block
            }

            .el-col-lg-offset-9 {
                margin-left: 37.5%
            }

            .el-col-lg-pull-9 {
                position: relative;
                right: 37.5%
            }

            .el-col-lg-push-9 {
                position: relative;
                left: 37.5%
            }

            .el-col-lg-10 {
                display: block;
                max-width: 41.6666666667%;
                flex: 0 0 41.6666666667%
            }

            .el-col-lg-10.is-guttered {
                display: block
            }

            .el-col-lg-offset-10 {
                margin-left: 41.6666666667%
            }

            .el-col-lg-pull-10 {
                position: relative;
                right: 41.6666666667%
            }

            .el-col-lg-push-10 {
                position: relative;
                left: 41.6666666667%
            }

            .el-col-lg-11 {
                display: block;
                max-width: 45.8333333333%;
                flex: 0 0 45.8333333333%
            }

            .el-col-lg-11.is-guttered {
                display: block
            }

            .el-col-lg-offset-11 {
                margin-left: 45.8333333333%
            }

            .el-col-lg-pull-11 {
                position: relative;
                right: 45.8333333333%
            }

            .el-col-lg-push-11 {
                position: relative;
                left: 45.8333333333%
            }

            .el-col-lg-12 {
                display: block;
                max-width: 50%;
                flex: 0 0 50%
            }

            .el-col-lg-12.is-guttered {
                display: block
            }

            .el-col-lg-offset-12 {
                margin-left: 50%
            }

            .el-col-lg-pull-12 {
                position: relative;
                right: 50%
            }

            .el-col-lg-push-12 {
                position: relative;
                left: 50%
            }

            .el-col-lg-13 {
                display: block;
                max-width: 54.1666666667%;
                flex: 0 0 54.1666666667%
            }

            .el-col-lg-13.is-guttered {
                display: block
            }

            .el-col-lg-offset-13 {
                margin-left: 54.1666666667%
            }

            .el-col-lg-pull-13 {
                position: relative;
                right: 54.1666666667%
            }

            .el-col-lg-push-13 {
                position: relative;
                left: 54.1666666667%
            }

            .el-col-lg-14 {
                display: block;
                max-width: 58.3333333333%;
                flex: 0 0 58.3333333333%
            }

            .el-col-lg-14.is-guttered {
                display: block
            }

            .el-col-lg-offset-14 {
                margin-left: 58.3333333333%
            }

            .el-col-lg-pull-14 {
                position: relative;
                right: 58.3333333333%
            }

            .el-col-lg-push-14 {
                position: relative;
                left: 58.3333333333%
            }

            .el-col-lg-15 {
                display: block;
                max-width: 62.5%;
                flex: 0 0 62.5%
            }

            .el-col-lg-15.is-guttered {
                display: block
            }

            .el-col-lg-offset-15 {
                margin-left: 62.5%
            }

            .el-col-lg-pull-15 {
                position: relative;
                right: 62.5%
            }

            .el-col-lg-push-15 {
                position: relative;
                left: 62.5%
            }

            .el-col-lg-16 {
                display: block;
                max-width: 66.6666666667%;
                flex: 0 0 66.6666666667%
            }

            .el-col-lg-16.is-guttered {
                display: block
            }

            .el-col-lg-offset-16 {
                margin-left: 66.6666666667%
            }

            .el-col-lg-pull-16 {
                position: relative;
                right: 66.6666666667%
            }

            .el-col-lg-push-16 {
                position: relative;
                left: 66.6666666667%
            }

            .el-col-lg-17 {
                display: block;
                max-width: 70.8333333333%;
                flex: 0 0 70.8333333333%
            }

            .el-col-lg-17.is-guttered {
                display: block
            }

            .el-col-lg-offset-17 {
                margin-left: 70.8333333333%
            }

            .el-col-lg-pull-17 {
                position: relative;
                right: 70.8333333333%
            }

            .el-col-lg-push-17 {
                position: relative;
                left: 70.8333333333%
            }

            .el-col-lg-18 {
                display: block;
                max-width: 75%;
                flex: 0 0 75%
            }

            .el-col-lg-18.is-guttered {
                display: block
            }

            .el-col-lg-offset-18 {
                margin-left: 75%
            }

            .el-col-lg-pull-18 {
                position: relative;
                right: 75%
            }

            .el-col-lg-push-18 {
                position: relative;
                left: 75%
            }

            .el-col-lg-19 {
                display: block;
                max-width: 79.1666666667%;
                flex: 0 0 79.1666666667%
            }

            .el-col-lg-19.is-guttered {
                display: block
            }

            .el-col-lg-offset-19 {
                margin-left: 79.1666666667%
            }

            .el-col-lg-pull-19 {
                position: relative;
                right: 79.1666666667%
            }

            .el-col-lg-push-19 {
                position: relative;
                left: 79.1666666667%
            }

            .el-col-lg-20 {
                display: block;
                max-width: 83.3333333333%;
                flex: 0 0 83.3333333333%
            }

            .el-col-lg-20.is-guttered {
                display: block
            }

            .el-col-lg-offset-20 {
                margin-left: 83.3333333333%
            }

            .el-col-lg-pull-20 {
                position: relative;
                right: 83.3333333333%
            }

            .el-col-lg-push-20 {
                position: relative;
                left: 83.3333333333%
            }

            .el-col-lg-21 {
                display: block;
                max-width: 87.5%;
                flex: 0 0 87.5%
            }

            .el-col-lg-21.is-guttered {
                display: block
            }

            .el-col-lg-offset-21 {
                margin-left: 87.5%
            }

            .el-col-lg-pull-21 {
                position: relative;
                right: 87.5%
            }

            .el-col-lg-push-21 {
                position: relative;
                left: 87.5%
            }

            .el-col-lg-22 {
                display: block;
                max-width: 91.6666666667%;
                flex: 0 0 91.6666666667%
            }

            .el-col-lg-22.is-guttered {
                display: block
            }

            .el-col-lg-offset-22 {
                margin-left: 91.6666666667%
            }

            .el-col-lg-pull-22 {
                position: relative;
                right: 91.6666666667%
            }

            .el-col-lg-push-22 {
                position: relative;
                left: 91.6666666667%
            }

            .el-col-lg-23 {
                display: block;
                max-width: 95.8333333333%;
                flex: 0 0 95.8333333333%
            }

            .el-col-lg-23.is-guttered {
                display: block
            }

            .el-col-lg-offset-23 {
                margin-left: 95.8333333333%
            }

            .el-col-lg-pull-23 {
                position: relative;
                right: 95.8333333333%
            }

            .el-col-lg-push-23 {
                position: relative;
                left: 95.8333333333%
            }

            .el-col-lg-24 {
                display: block;
                max-width: 100%;
                flex: 0 0 100%
            }

            .el-col-lg-24.is-guttered {
                display: block
            }

            .el-col-lg-offset-24 {
                margin-left: 100%
            }

            .el-col-lg-pull-24 {
                position: relative;
                right: 100%
            }

            .el-col-lg-push-24 {
                position: relative;
                left: 100%
            }
        }

        @media only screen and (min-width: 1920px) {
            .el-col-xl-0 {
                display: none;
                max-width: 0%;
                flex: 0 0 0%
            }

            .el-col-xl-0.is-guttered {
                display: none
            }

            .el-col-xl-offset-0 {
                margin-left: 0%
            }

            .el-col-xl-pull-0 {
                position: relative;
                right: 0%
            }

            .el-col-xl-push-0 {
                position: relative;
                left: 0%
            }

            .el-col-xl-1 {
                display: block;
                max-width: 4.1666666667%;
                flex: 0 0 4.1666666667%
            }

            .el-col-xl-1.is-guttered {
                display: block
            }

            .el-col-xl-offset-1 {
                margin-left: 4.1666666667%
            }

            .el-col-xl-pull-1 {
                position: relative;
                right: 4.1666666667%
            }

            .el-col-xl-push-1 {
                position: relative;
                left: 4.1666666667%
            }

            .el-col-xl-2 {
                display: block;
                max-width: 8.3333333333%;
                flex: 0 0 8.3333333333%
            }

            .el-col-xl-2.is-guttered {
                display: block
            }

            .el-col-xl-offset-2 {
                margin-left: 8.3333333333%
            }

            .el-col-xl-pull-2 {
                position: relative;
                right: 8.3333333333%
            }

            .el-col-xl-push-2 {
                position: relative;
                left: 8.3333333333%
            }

            .el-col-xl-3 {
                display: block;
                max-width: 12.5%;
                flex: 0 0 12.5%
            }

            .el-col-xl-3.is-guttered {
                display: block
            }

            .el-col-xl-offset-3 {
                margin-left: 12.5%
            }

            .el-col-xl-pull-3 {
                position: relative;
                right: 12.5%
            }

            .el-col-xl-push-3 {
                position: relative;
                left: 12.5%
            }

            .el-col-xl-4 {
                display: block;
                max-width: 16.6666666667%;
                flex: 0 0 16.6666666667%
            }

            .el-col-xl-4.is-guttered {
                display: block
            }

            .el-col-xl-offset-4 {
                margin-left: 16.6666666667%
            }

            .el-col-xl-pull-4 {
                position: relative;
                right: 16.6666666667%
            }

            .el-col-xl-push-4 {
                position: relative;
                left: 16.6666666667%
            }

            .el-col-xl-5 {
                display: block;
                max-width: 20.8333333333%;
                flex: 0 0 20.8333333333%
            }

            .el-col-xl-5.is-guttered {
                display: block
            }

            .el-col-xl-offset-5 {
                margin-left: 20.8333333333%
            }

            .el-col-xl-pull-5 {
                position: relative;
                right: 20.8333333333%
            }

            .el-col-xl-push-5 {
                position: relative;
                left: 20.8333333333%
            }

            .el-col-xl-6 {
                display: block;
                max-width: 25%;
                flex: 0 0 25%
            }

            .el-col-xl-6.is-guttered {
                display: block
            }

            .el-col-xl-offset-6 {
                margin-left: 25%
            }

            .el-col-xl-pull-6 {
                position: relative;
                right: 25%
            }

            .el-col-xl-push-6 {
                position: relative;
                left: 25%
            }

            .el-col-xl-7 {
                display: block;
                max-width: 29.1666666667%;
                flex: 0 0 29.1666666667%
            }

            .el-col-xl-7.is-guttered {
                display: block
            }

            .el-col-xl-offset-7 {
                margin-left: 29.1666666667%
            }

            .el-col-xl-pull-7 {
                position: relative;
                right: 29.1666666667%
            }

            .el-col-xl-push-7 {
                position: relative;
                left: 29.1666666667%
            }

            .el-col-xl-8 {
                display: block;
                max-width: 33.3333333333%;
                flex: 0 0 33.3333333333%
            }

            .el-col-xl-8.is-guttered {
                display: block
            }

            .el-col-xl-offset-8 {
                margin-left: 33.3333333333%
            }

            .el-col-xl-pull-8 {
                position: relative;
                right: 33.3333333333%
            }

            .el-col-xl-push-8 {
                position: relative;
                left: 33.3333333333%
            }

            .el-col-xl-9 {
                display: block;
                max-width: 37.5%;
                flex: 0 0 37.5%
            }

            .el-col-xl-9.is-guttered {
                display: block
            }

            .el-col-xl-offset-9 {
                margin-left: 37.5%
            }

            .el-col-xl-pull-9 {
                position: relative;
                right: 37.5%
            }

            .el-col-xl-push-9 {
                position: relative;
                left: 37.5%
            }

            .el-col-xl-10 {
                display: block;
                max-width: 41.6666666667%;
                flex: 0 0 41.6666666667%
            }

            .el-col-xl-10.is-guttered {
                display: block
            }

            .el-col-xl-offset-10 {
                margin-left: 41.6666666667%
            }

            .el-col-xl-pull-10 {
                position: relative;
                right: 41.6666666667%
            }

            .el-col-xl-push-10 {
                position: relative;
                left: 41.6666666667%
            }

            .el-col-xl-11 {
                display: block;
                max-width: 45.8333333333%;
                flex: 0 0 45.8333333333%
            }

            .el-col-xl-11.is-guttered {
                display: block
            }

            .el-col-xl-offset-11 {
                margin-left: 45.8333333333%
            }

            .el-col-xl-pull-11 {
                position: relative;
                right: 45.8333333333%
            }

            .el-col-xl-push-11 {
                position: relative;
                left: 45.8333333333%
            }

            .el-col-xl-12 {
                display: block;
                max-width: 50%;
                flex: 0 0 50%
            }

            .el-col-xl-12.is-guttered {
                display: block
            }

            .el-col-xl-offset-12 {
                margin-left: 50%
            }

            .el-col-xl-pull-12 {
                position: relative;
                right: 50%
            }

            .el-col-xl-push-12 {
                position: relative;
                left: 50%
            }

            .el-col-xl-13 {
                display: block;
                max-width: 54.1666666667%;
                flex: 0 0 54.1666666667%
            }

            .el-col-xl-13.is-guttered {
                display: block
            }

            .el-col-xl-offset-13 {
                margin-left: 54.1666666667%
            }

            .el-col-xl-pull-13 {
                position: relative;
                right: 54.1666666667%
            }

            .el-col-xl-push-13 {
                position: relative;
                left: 54.1666666667%
            }

            .el-col-xl-14 {
                display: block;
                max-width: 58.3333333333%;
                flex: 0 0 58.3333333333%
            }

            .el-col-xl-14.is-guttered {
                display: block
            }

            .el-col-xl-offset-14 {
                margin-left: 58.3333333333%
            }

            .el-col-xl-pull-14 {
                position: relative;
                right: 58.3333333333%
            }

            .el-col-xl-push-14 {
                position: relative;
                left: 58.3333333333%
            }

            .el-col-xl-15 {
                display: block;
                max-width: 62.5%;
                flex: 0 0 62.5%
            }

            .el-col-xl-15.is-guttered {
                display: block
            }

            .el-col-xl-offset-15 {
                margin-left: 62.5%
            }

            .el-col-xl-pull-15 {
                position: relative;
                right: 62.5%
            }

            .el-col-xl-push-15 {
                position: relative;
                left: 62.5%
            }

            .el-col-xl-16 {
                display: block;
                max-width: 66.6666666667%;
                flex: 0 0 66.6666666667%
            }

            .el-col-xl-16.is-guttered {
                display: block
            }

            .el-col-xl-offset-16 {
                margin-left: 66.6666666667%
            }

            .el-col-xl-pull-16 {
                position: relative;
                right: 66.6666666667%
            }

            .el-col-xl-push-16 {
                position: relative;
                left: 66.6666666667%
            }

            .el-col-xl-17 {
                display: block;
                max-width: 70.8333333333%;
                flex: 0 0 70.8333333333%
            }

            .el-col-xl-17.is-guttered {
                display: block
            }

            .el-col-xl-offset-17 {
                margin-left: 70.8333333333%
            }

            .el-col-xl-pull-17 {
                position: relative;
                right: 70.8333333333%
            }

            .el-col-xl-push-17 {
                position: relative;
                left: 70.8333333333%
            }

            .el-col-xl-18 {
                display: block;
                max-width: 75%;
                flex: 0 0 75%
            }

            .el-col-xl-18.is-guttered {
                display: block
            }

            .el-col-xl-offset-18 {
                margin-left: 75%
            }

            .el-col-xl-pull-18 {
                position: relative;
                right: 75%
            }

            .el-col-xl-push-18 {
                position: relative;
                left: 75%
            }

            .el-col-xl-19 {
                display: block;
                max-width: 79.1666666667%;
                flex: 0 0 79.1666666667%
            }

            .el-col-xl-19.is-guttered {
                display: block
            }

            .el-col-xl-offset-19 {
                margin-left: 79.1666666667%
            }

            .el-col-xl-pull-19 {
                position: relative;
                right: 79.1666666667%
            }

            .el-col-xl-push-19 {
                position: relative;
                left: 79.1666666667%
            }

            .el-col-xl-20 {
                display: block;
                max-width: 83.3333333333%;
                flex: 0 0 83.3333333333%
            }

            .el-col-xl-20.is-guttered {
                display: block
            }

            .el-col-xl-offset-20 {
                margin-left: 83.3333333333%
            }

            .el-col-xl-pull-20 {
                position: relative;
                right: 83.3333333333%
            }

            .el-col-xl-push-20 {
                position: relative;
                left: 83.3333333333%
            }

            .el-col-xl-21 {
                display: block;
                max-width: 87.5%;
                flex: 0 0 87.5%
            }

            .el-col-xl-21.is-guttered {
                display: block
            }

            .el-col-xl-offset-21 {
                margin-left: 87.5%
            }

            .el-col-xl-pull-21 {
                position: relative;
                right: 87.5%
            }

            .el-col-xl-push-21 {
                position: relative;
                left: 87.5%
            }

            .el-col-xl-22 {
                display: block;
                max-width: 91.6666666667%;
                flex: 0 0 91.6666666667%
            }

            .el-col-xl-22.is-guttered {
                display: block
            }

            .el-col-xl-offset-22 {
                margin-left: 91.6666666667%
            }

            .el-col-xl-pull-22 {
                position: relative;
                right: 91.6666666667%
            }

            .el-col-xl-push-22 {
                position: relative;
                left: 91.6666666667%
            }

            .el-col-xl-23 {
                display: block;
                max-width: 95.8333333333%;
                flex: 0 0 95.8333333333%
            }

            .el-col-xl-23.is-guttered {
                display: block
            }

            .el-col-xl-offset-23 {
                margin-left: 95.8333333333%
            }

            .el-col-xl-pull-23 {
                position: relative;
                right: 95.8333333333%
            }

            .el-col-xl-push-23 {
                position: relative;
                left: 95.8333333333%
            }

            .el-col-xl-24 {
                display: block;
                max-width: 100%;
                flex: 0 0 100%
            }

            .el-col-xl-24.is-guttered {
                display: block
            }

            .el-col-xl-offset-24 {
                margin-left: 100%
            }

            .el-col-xl-pull-24 {
                position: relative;
                right: 100%
            }

            .el-col-xl-push-24 {
                position: relative;
                left: 100%
            }
        }

        .el-collapse {
            --el-collapse-border-color: var(--el-border-color-lighter);
            --el-collapse-header-height: 48px;
            --el-collapse-header-bg-color: var(--el-fill-color-blank);
            --el-collapse-header-text-color: var(--el-text-color-primary);
            --el-collapse-header-font-size: 13px;
            --el-collapse-content-bg-color: var(--el-fill-color-blank);
            --el-collapse-content-font-size: 13px;
            --el-collapse-content-text-color: var(--el-text-color-primary);
            border-top: 1px solid var(--el-collapse-border-color);
            border-bottom: 1px solid var(--el-collapse-border-color)
        }

        .el-collapse-item.is-disabled .el-collapse-item__header {
            color: var(--el-text-color-disabled);
            cursor: not-allowed
        }

        .el-collapse-item__header {
            width: 100%;
            padding: 0;
            border: none;
            display: flex;
            align-items: center;
            height: var(--el-collapse-header-height);
            line-height: var(--el-collapse-header-height);
            background-color: var(--el-collapse-header-bg-color);
            color: var(--el-collapse-header-text-color);
            cursor: pointer;
            border-bottom: 1px solid var(--el-collapse-border-color);
            font-size: var(--el-collapse-header-font-size);
            font-weight: 500;
            transition: border-bottom-color var(--el-transition-duration);
            outline: none
        }

        .el-collapse-item__arrow {
            margin: 0 8px 0 auto;
            transition: transform var(--el-transition-duration);
            font-weight: 300
        }

        .el-collapse-item__arrow.is-active {
            transform: rotate(90deg)
        }

        .el-collapse-item__header.focusing:focus:not(:hover) {
            color: var(--el-color-primary)
        }

        .el-collapse-item__header.is-active {
            border-bottom-color: transparent
        }

        .el-collapse-item__wrap {
            will-change: height;
            background-color: var(--el-collapse-content-bg-color);
            overflow: hidden;
            box-sizing: border-box;
            border-bottom: 1px solid var(--el-collapse-border-color)
        }

        .el-collapse-item__content {
            padding-bottom: 25px;
            font-size: var(--el-collapse-content-font-size);
            color: var(--el-collapse-content-text-color);
            line-height: 1.7692307692
        }

        .el-collapse-item:last-child {
            margin-bottom: -1px
        }

        .el-color-predefine {
            display: flex;
            font-size: 12px;
            margin-top: 8px;
            width: 280px
        }

        .el-color-predefine__colors {
            display: flex;
            flex: 1;
            flex-wrap: wrap
        }

        .el-color-predefine__color-selector {
            margin: 0 0 8px 8px;
            width: 20px;
            height: 20px;
            border-radius: 4px;
            cursor: pointer
        }

        .el-color-predefine__color-selector:nth-child(10n+1) {
            margin-left: 0
        }

        .el-color-predefine__color-selector.selected {
            box-shadow: 0 0 3px 2px var(--el-color-primary)
        }

        .el-color-predefine__color-selector > div {
            display: flex;
            height: 100%;
            border-radius: 3px
        }

        .el-color-predefine__color-selector.is-alpha {
            background-image: url()
        }

        .el-color-hue-slider {
            position: relative;
            box-sizing: border-box;
            width: 280px;
            height: 12px;
            background-color: red;
            padding: 0 2px;
            float: right
        }

        .el-color-hue-slider__bar {
            position: relative;
            background: linear-gradient(to right, #f00 0%, #ff0 17%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 83%, #f00 100%);
            height: 100%
        }

        .el-color-hue-slider__thumb {
            position: absolute;
            cursor: pointer;
            box-sizing: border-box;
            left: 0;
            top: 0;
            width: 4px;
            height: 100%;
            border-radius: 1px;
            background: #fff;
            border: 1px solid var(--el-border-color-lighter);
            box-shadow: 0 0 2px #0009;
            z-index: 1
        }

        .el-color-hue-slider.is-vertical {
            width: 12px;
            height: 180px;
            padding: 2px 0
        }

        .el-color-hue-slider.is-vertical .el-color-hue-slider__bar {
            background: linear-gradient(to bottom, #f00 0%, #ff0 17%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 83%, #f00 100%)
        }

        .el-color-hue-slider.is-vertical .el-color-hue-slider__thumb {
            left: 0;
            top: 0;
            width: 100%;
            height: 4px
        }

        .el-color-svpanel {
            position: relative;
            width: 280px;
            height: 180px
        }

        .el-color-svpanel__white, .el-color-svpanel__black {
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0
        }

        .el-color-svpanel__white {
            background: linear-gradient(to right, #fff, rgba(255, 255, 255, 0))
        }

        .el-color-svpanel__black {
            background: linear-gradient(to top, #000, rgba(0, 0, 0, 0))
        }

        .el-color-svpanel__cursor {
            position: absolute
        }

        .el-color-svpanel__cursor > div {
            cursor: head;
            width: 4px;
            height: 4px;
            box-shadow: 0 0 0 1.5px #fff, inset 0 0 1px 1px #0000004d, 0 0 1px 2px #0006;
            border-radius: 50%;
            transform: translate(-2px, -2px)
        }

        .el-color-alpha-slider {
            position: relative;
            box-sizing: border-box;
            width: 280px;
            height: 12px;
            background-image: linear-gradient(45deg, var(--el-color-picker-alpha-bg-a) 25%, var(--el-color-picker-alpha-bg-b) 25%), linear-gradient(135deg, var(--el-color-picker-alpha-bg-a) 25%, var(--el-color-picker-alpha-bg-b) 25%), linear-gradient(45deg, var(--el-color-picker-alpha-bg-b) 75%, var(--el-color-picker-alpha-bg-a) 75%), linear-gradient(135deg, var(--el-color-picker-alpha-bg-b) 75%, var(--el-color-picker-alpha-bg-a) 75%);
            background-size: 12px 12px;
            background-position: 0 0, 6px 0, 6px -6px, 0 6px
        }

        .el-color-alpha-slider__bar {
            position: relative;
            background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, var(--el-bg-color) 100%);
            height: 100%
        }

        .el-color-alpha-slider__thumb {
            position: absolute;
            cursor: pointer;
            box-sizing: border-box;
            left: 0;
            top: 0;
            width: 4px;
            height: 100%;
            border-radius: 1px;
            background: #fff;
            border: 1px solid var(--el-border-color-lighter);
            box-shadow: 0 0 2px #0009;
            z-index: 1
        }

        .el-color-alpha-slider.is-vertical {
            width: 20px;
            height: 180px
        }

        .el-color-alpha-slider.is-vertical .el-color-alpha-slider__bar {
            background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 100%)
        }

        .el-color-alpha-slider.is-vertical .el-color-alpha-slider__thumb {
            left: 0;
            top: 0;
            width: 100%;
            height: 4px
        }

        .el-color-dropdown {
            width: 300px
        }

        .el-color-dropdown__main-wrapper {
            margin-bottom: 6px
        }

        .el-color-dropdown__main-wrapper:after {
            content: "";
            display: table;
            clear: both
        }

        .el-color-dropdown__btns {
            margin-top: 12px;
            text-align: right
        }

        .el-color-dropdown__value {
            float: left;
            line-height: 26px;
            font-size: 12px;
            color: #000;
            width: 160px
        }

        .el-color-picker {
            display: inline-block;
            position: relative;
            line-height: normal;
            outline: none
        }

        .el-color-picker:hover:not(.is-disabled,.is-focused) .el-color-picker__trigger {
            border-color: var(--el-border-color-hover)
        }

        .el-color-picker:focus-visible:not(.is-disabled) .el-color-picker__trigger {
            outline: 2px solid var(--el-color-primary);
            outline-offset: 1px
        }

        .el-color-picker.is-focused .el-color-picker__trigger {
            border-color: var(--el-color-primary)
        }

        .el-color-picker.is-disabled .el-color-picker__trigger {
            cursor: not-allowed
        }

        .el-color-picker--large {
            height: 40px
        }

        .el-color-picker--large .el-color-picker__trigger {
            height: 40px;
            width: 40px
        }

        .el-color-picker--large .el-color-picker__mask {
            height: 38px;
            width: 38px
        }

        .el-color-picker--small {
            height: 24px
        }

        .el-color-picker--small .el-color-picker__trigger {
            height: 24px;
            width: 24px
        }

        .el-color-picker--small .el-color-picker__mask {
            height: 22px;
            width: 22px
        }

        .el-color-picker--small .el-color-picker__icon, .el-color-picker--small .el-color-picker__empty {
            transform: scale(.8)
        }

        .el-color-picker__mask {
            height: 30px;
            width: 30px;
            border-radius: 4px;
            position: absolute;
            top: 1px;
            left: 1px;
            z-index: 1;
            cursor: not-allowed;
            background-color: #ffffffb3
        }

        .el-color-picker__trigger {
            display: inline-flex;
            justify-content: center;
            align-items: center;
            box-sizing: border-box;
            height: 32px;
            width: 32px;
            padding: 4px;
            border: 1px solid var(--el-border-color);
            border-radius: 4px;
            font-size: 0;
            position: relative;
            cursor: pointer
        }

        .el-color-picker__color {
            position: relative;
            display: block;
            box-sizing: border-box;
            border: 1px solid var(--el-text-color-secondary);
            border-radius: var(--el-border-radius-small);
            width: 100%;
            height: 100%;
            text-align: center
        }

        .el-color-picker__color.is-alpha {
            background-image: linear-gradient(45deg, var(--el-color-picker-alpha-bg-a) 25%, var(--el-color-picker-alpha-bg-b) 25%), linear-gradient(135deg, var(--el-color-picker-alpha-bg-a) 25%, var(--el-color-picker-alpha-bg-b) 25%), linear-gradient(45deg, var(--el-color-picker-alpha-bg-b) 75%, var(--el-color-picker-alpha-bg-a) 75%), linear-gradient(135deg, var(--el-color-picker-alpha-bg-b) 75%, var(--el-color-picker-alpha-bg-a) 75%);
            background-size: 12px 12px;
            background-position: 0 0, 6px 0, 6px -6px, 0 6px
        }

        .el-color-picker__color-inner {
            display: inline-flex;
            justify-content: center;
            align-items: center;
            width: 100%;
            height: 100%
        }

        .el-color-picker .el-color-picker__empty {
            font-size: 12px;
            color: var(--el-text-color-secondary)
        }

        .el-color-picker .el-color-picker__icon {
            display: inline-flex;
            justify-content: center;
            align-items: center;
            color: #fff;
            font-size: 12px
        }

        .el-color-picker__panel {
            position: absolute;
            z-index: 10;
            padding: 6px;
            box-sizing: content-box;
            background-color: #fff;
            border-radius: var(--el-border-radius-base);
            box-shadow: var(--el-box-shadow-light)
        }

        .el-color-picker__panel.el-popper {
            border: 1px solid var(--el-border-color-lighter)
        }

        .el-color-picker, .el-color-picker__panel {
            --el-color-picker-alpha-bg-a: #ccc;
            --el-color-picker-alpha-bg-b: transparent
        }

        .dark .el-color-picker, .dark .el-color-picker__panel {
            --el-color-picker-alpha-bg-a: #333333
        }

        .el-container {
            display: flex;
            flex-direction: row;
            flex: 1;
            flex-basis: auto;
            box-sizing: border-box;
            min-width: 0
        }

        .el-container.is-vertical {
            flex-direction: column
        }

        .el-date-table {
            font-size: 12px;
            user-select: none
        }

        .el-date-table.is-week-mode .el-date-table__row:hover .el-date-table-cell {
            background-color: var(--el-datepicker-inrange-bg-color)
        }

        .el-date-table.is-week-mode .el-date-table__row:hover td.available:hover {
            color: var(--el-datepicker-text-color)
        }

        .el-date-table.is-week-mode .el-date-table__row:hover td:first-child .el-date-table-cell {
            margin-left: 5px;
            border-top-left-radius: 15px;
            border-bottom-left-radius: 15px
        }

        .el-date-table.is-week-mode .el-date-table__row:hover td:last-child .el-date-table-cell {
            margin-right: 5px;
            border-top-right-radius: 15px;
            border-bottom-right-radius: 15px
        }

        .el-date-table.is-week-mode .el-date-table__row.current .el-date-table-cell {
            background-color: var(--el-datepicker-inrange-bg-color)
        }

        .el-date-table td {
            width: 32px;
            height: 30px;
            padding: 4px 0;
            box-sizing: border-box;
            text-align: center;
            cursor: pointer;
            position: relative
        }

        .el-date-table td .el-date-table-cell {
            height: 30px;
            padding: 3px 0;
            box-sizing: border-box
        }

        .el-date-table td .el-date-table-cell .el-date-table-cell__text {
            width: 24px;
            height: 24px;
            display: block;
            margin: 0 auto;
            line-height: 24px;
            position: absolute;
            left: 50%;
            transform: translate(-50%);
            border-radius: 50%
        }

        .el-date-table td.next-month, .el-date-table td.prev-month {
            color: var(--el-datepicker-off-text-color)
        }

        .el-date-table td.today {
            position: relative
        }

        .el-date-table td.today .el-date-table-cell__text {
            color: var(--el-color-primary);
            font-weight: 700
        }

        .el-date-table td.today.start-date .el-date-table-cell__text, .el-date-table td.today.end-date .el-date-table-cell__text {
            color: #fff
        }

        .el-date-table td.available:hover {
            color: var(--el-datepicker-hover-text-color)
        }

        .el-date-table td.in-range .el-date-table-cell {
            background-color: var(--el-datepicker-inrange-bg-color)
        }

        .el-date-table td.in-range .el-date-table-cell:hover {
            background-color: var(--el-datepicker-inrange-hover-bg-color)
        }

        .el-date-table td.current:not(.disabled) .el-date-table-cell__text {
            color: #fff;
            background-color: var(--el-datepicker-active-color)
        }

        .el-date-table td.current:not(.disabled):focus-visible .el-date-table-cell__text {
            outline: 2px solid var(--el-datepicker-active-color);
            outline-offset: 1px
        }

        .el-date-table td.start-date .el-date-table-cell, .el-date-table td.end-date .el-date-table-cell {
            color: #fff
        }

        .el-date-table td.start-date .el-date-table-cell__text, .el-date-table td.end-date .el-date-table-cell__text {
            background-color: var(--el-datepicker-active-color)
        }

        .el-date-table td.start-date .el-date-table-cell {
            margin-left: 5px;
            border-top-left-radius: 15px;
            border-bottom-left-radius: 15px
        }

        .el-date-table td.end-date .el-date-table-cell {
            margin-right: 5px;
            border-top-right-radius: 15px;
            border-bottom-right-radius: 15px
        }

        .el-date-table td.disabled .el-date-table-cell {
            background-color: var(--el-fill-color-light);
            opacity: 1;
            cursor: not-allowed;
            color: var(--el-text-color-placeholder)
        }

        .el-date-table td.selected .el-date-table-cell {
            margin-left: 5px;
            margin-right: 5px;
            border-radius: 15px
        }

        .el-date-table td.selected .el-date-table-cell__text {
            background-color: var(--el-datepicker-active-color);
            color: #fff;
            border-radius: 15px
        }

        .el-date-table td.week {
            font-size: 80%;
            color: var(--el-datepicker-header-text-color)
        }

        .el-date-table td:focus {
            outline: none
        }

        .el-date-table th {
            padding: 5px;
            color: var(--el-datepicker-header-text-color);
            font-weight: 400;
            border-bottom: solid 1px var(--el-border-color-lighter)
        }

        .el-month-table {
            font-size: 12px;
            margin: -1px;
            border-collapse: collapse
        }

        .el-month-table td {
            width: 68px;
            text-align: center;
            padding: 8px 0;
            cursor: pointer;
            position: relative
        }

        .el-month-table td div {
            height: 48px;
            padding: 6px 0;
            box-sizing: border-box
        }

        .el-month-table td.today .cell {
            color: var(--el-color-primary);
            font-weight: 700
        }

        .el-month-table td.today.start-date .cell, .el-month-table td.today.end-date .cell {
            color: #fff
        }

        .el-month-table td.disabled .cell {
            background-color: var(--el-fill-color-light);
            cursor: not-allowed;
            color: var(--el-text-color-placeholder)
        }

        .el-month-table td.disabled .cell:hover {
            color: var(--el-text-color-placeholder)
        }

        .el-month-table td .cell {
            width: 54px;
            height: 36px;
            display: block;
            line-height: 36px;
            color: var(--el-datepicker-text-color);
            margin: 0 auto;
            border-radius: 18px;
            position: absolute;
            left: 50%;
            transform: translate(-50%)
        }

        .el-month-table td .cell:hover {
            color: var(--el-datepicker-hover-text-color)
        }

        .el-month-table td.in-range div {
            background-color: var(--el-datepicker-inrange-bg-color)
        }

        .el-month-table td.in-range div:hover {
            background-color: var(--el-datepicker-inrange-hover-bg-color)
        }

        .el-month-table td.start-date div, .el-month-table td.end-date div {
            color: #fff
        }

        .el-month-table td.start-date .cell, .el-month-table td.end-date .cell {
            color: #fff;
            background-color: var(--el-datepicker-active-color)
        }

        .el-month-table td.start-date div {
            margin-left: 3px;
            border-top-left-radius: 24px;
            border-bottom-left-radius: 24px
        }

        .el-month-table td.end-date div {
            margin-right: 3px;
            border-top-right-radius: 24px;
            border-bottom-right-radius: 24px
        }

        .el-month-table td.current:not(.disabled) div {
            border-radius: 24px;
            margin-left: 3px;
            margin-right: 3px
        }

        .el-month-table td.current:not(.disabled) .cell {
            color: #fff;
            background-color: var(--el-datepicker-active-color)
        }

        .el-month-table td:focus-visible {
            outline: none
        }

        .el-month-table td:focus-visible .cell {
            outline: 2px solid var(--el-datepicker-active-color);
            outline-offset: 1px
        }

        .el-year-table {
            font-size: 12px;
            margin: -1px;
            border-collapse: collapse
        }

        .el-year-table .el-icon {
            color: var(--el-datepicker-icon-color)
        }

        .el-year-table td {
            width: 68px;
            text-align: center;
            padding: 8px 0;
            cursor: pointer;
            position: relative
        }

        .el-year-table td div {
            height: 48px;
            padding: 6px 0;
            box-sizing: border-box
        }

        .el-year-table td.today .cell {
            color: var(--el-color-primary);
            font-weight: 700
        }

        .el-year-table td.disabled .cell {
            background-color: var(--el-fill-color-light);
            cursor: not-allowed;
            color: var(--el-text-color-placeholder)
        }

        .el-year-table td.disabled .cell:hover {
            color: var(--el-text-color-placeholder)
        }

        .el-year-table td .cell {
            width: 54px;
            height: 36px;
            display: block;
            line-height: 36px;
            color: var(--el-datepicker-text-color);
            border-radius: 18px;
            margin: 0 auto;
            position: absolute;
            left: 50%;
            transform: translate(-50%)
        }

        .el-year-table td .cell:hover {
            color: var(--el-datepicker-hover-text-color)
        }

        .el-year-table td.current:not(.disabled) div {
            border-radius: 24px;
            margin-left: 3px;
            margin-right: 3px
        }

        .el-year-table td.current:not(.disabled) .cell {
            color: #fff;
            background-color: var(--el-datepicker-active-color)
        }

        .el-year-table td:focus-visible {
            outline: none
        }

        .el-year-table td:focus-visible .cell {
            outline: 2px solid var(--el-datepicker-active-color);
            outline-offset: 1px
        }

        .el-time-spinner.has-seconds .el-time-spinner__wrapper {
            width: 33.3%
        }

        .el-time-spinner__wrapper {
            max-height: 192px;
            overflow: auto;
            display: inline-block;
            width: 50%;
            vertical-align: top;
            position: relative
        }

        .el-time-spinner__wrapper.el-scrollbar__wrap:not(.el-scrollbar__wrap--hidden-default) {
            padding-bottom: 15px
        }

        .el-time-spinner__wrapper.is-arrow {
            box-sizing: border-box;
            text-align: center;
            overflow: hidden
        }

        .el-time-spinner__wrapper.is-arrow .el-time-spinner__list {
            transform: translateY(-32px)
        }

        .el-time-spinner__wrapper.is-arrow .el-time-spinner__item:hover:not(.is-disabled):not(.is-active) {
            background: var(--el-fill-color-light);
            cursor: default
        }

        .el-time-spinner__arrow {
            font-size: 12px;
            color: var(--el-text-color-secondary);
            position: absolute;
            left: 0;
            width: 100%;
            z-index: var(--el-index-normal);
            text-align: center;
            height: 30px;
            line-height: 30px;
            cursor: pointer
        }

        .el-time-spinner__arrow:hover {
            color: var(--el-color-primary)
        }

        .el-time-spinner__arrow.arrow-up {
            top: 10px
        }

        .el-time-spinner__arrow.arrow-down {
            bottom: 10px
        }

        .el-time-spinner__input.el-input {
            width: 70%
        }

        .el-time-spinner__input.el-input .el-input__inner {
            padding: 0;
            text-align: center
        }

        .el-time-spinner__list {
            padding: 0;
            margin: 0;
            list-style: none;
            text-align: center
        }

        .el-time-spinner__list:after, .el-time-spinner__list:before {
            content: "";
            display: block;
            width: 100%;
            height: 80px
        }

        .el-time-spinner__item {
            height: 32px;
            line-height: 32px;
            font-size: 12px;
            color: var(--el-text-color-regular)
        }

        .el-time-spinner__item:hover:not(.is-disabled):not(.is-active) {
            background: var(--el-fill-color-light);
            cursor: pointer
        }

        .el-time-spinner__item.is-active:not(.is-disabled) {
            color: var(--el-text-color-primary);
            font-weight: 700
        }

        .el-time-spinner__item.is-disabled {
            color: var(--el-text-color-placeholder);
            cursor: not-allowed
        }

        .el-picker__popper {
            --el-datepicker-border-color: var(--el-disabled-border-color)
        }

        .el-picker__popper.el-popper {
            background: var(--el-bg-color-overlay);
            border: 1px solid var(--el-datepicker-border-color);
            box-shadow: var(--el-box-shadow-light)
        }

        .el-picker__popper.el-popper .el-popper__arrow:before {
            border: 1px solid var(--el-datepicker-border-color)
        }

        .el-picker__popper.el-popper[data-popper-placement^=top] .el-popper__arrow:before {
            border-top-color: transparent;
            border-left-color: transparent
        }

        .el-picker__popper.el-popper[data-popper-placement^=bottom] .el-popper__arrow:before {
            border-bottom-color: transparent;
            border-right-color: transparent
        }

        .el-picker__popper.el-popper[data-popper-placement^=left] .el-popper__arrow:before {
            border-left-color: transparent;
            border-bottom-color: transparent
        }

        .el-picker__popper.el-popper[data-popper-placement^=right] .el-popper__arrow:before {
            border-right-color: transparent;
            border-top-color: transparent
        }

        .el-date-editor {
            --el-date-editor-width: 220px;
            --el-date-editor-monthrange-width: 300px;
            --el-date-editor-daterange-width: 350px;
            --el-date-editor-datetimerange-width: 400px;
            --el-input-text-color: var(--el-text-color-regular);
            --el-input-border: var(--el-border);
            --el-input-hover-border: var(--el-border-color-hover);
            --el-input-focus-border: var(--el-color-primary);
            --el-input-transparent-border: 0 0 0 1px transparent inset;
            --el-input-border-color: var(--el-border-color);
            --el-input-border-radius: var(--el-border-radius-base);
            --el-input-bg-color: var(--el-fill-color-blank);
            --el-input-icon-color: var(--el-text-color-placeholder);
            --el-input-placeholder-color: var(--el-text-color-placeholder);
            --el-input-hover-border-color: var(--el-border-color-hover);
            --el-input-clear-hover-color: var(--el-text-color-secondary);
            --el-input-focus-border-color: var(--el-color-primary);
            --el-input-width: 100%;
            position: relative;
            text-align: left;
            vertical-align: middle
        }

        .el-date-editor.el-input__wrapper {
            box-shadow: 0 0 0 1px var(--el-input-border-color, var(--el-border-color)) inset
        }

        .el-date-editor.el-input__wrapper:hover {
            box-shadow: 0 0 0 1px var(--el-input-hover-border-color) inset
        }

        .el-date-editor.el-input, .el-date-editor.el-input__wrapper {
            width: var(--el-date-editor-width);
            height: var(--el-input-height, var(--el-component-size))
        }

        .el-date-editor--monthrange {
            --el-date-editor-width: var(--el-date-editor-monthrange-width)
        }

        .el-date-editor--daterange, .el-date-editor--timerange {
            --el-date-editor-width: var(--el-date-editor-daterange-width)
        }

        .el-date-editor--datetimerange {
            --el-date-editor-width: var(--el-date-editor-datetimerange-width)
        }

        .el-date-editor--dates .el-input__wrapper {
            text-overflow: ellipsis;
            white-space: nowrap
        }

        .el-date-editor .close-icon, .el-date-editor .clear-icon {
            cursor: pointer
        }

        .el-date-editor .clear-icon:hover {
            color: var(--el-text-color-secondary)
        }

        .el-date-editor .el-range__icon {
            height: inherit;
            font-size: 14px;
            color: var(--el-text-color-placeholder);
            float: left
        }

        .el-date-editor .el-range__icon svg {
            vertical-align: middle
        }

        .el-date-editor .el-range-input {
            appearance: none;
            border: none;
            outline: none;
            display: inline-block;
            height: 30px;
            line-height: 30px;
            margin: 0;
            padding: 0;
            width: 39%;
            text-align: center;
            font-size: var(--el-font-size-base);
            color: var(--el-text-color-regular);
            background-color: transparent
        }

        .el-date-editor .el-range-input::placeholder {
            color: var(--el-text-color-placeholder)
        }

        .el-date-editor .el-range-separator {
            flex: 1;
            display: inline-flex;
            justify-content: center;
            align-items: center;
            height: 100%;
            padding: 0 5px;
            margin: 0;
            font-size: 14px;
            overflow-wrap: break-word;
            color: var(--el-text-color-primary)
        }

        .el-date-editor .el-range__close-icon {
            font-size: 14px;
            color: var(--el-text-color-placeholder);
            height: inherit;
            width: unset;
            cursor: pointer
        }

        .el-date-editor .el-range__close-icon:hover {
            color: var(--el-text-color-secondary)
        }

        .el-date-editor .el-range__close-icon svg {
            vertical-align: middle
        }

        .el-date-editor .el-range__close-icon--hidden {
            opacity: 0;
            visibility: hidden
        }

        .el-range-editor.el-input__wrapper {
            display: inline-flex;
            align-items: center;
            padding: 0 10px
        }

        .el-range-editor.is-active, .el-range-editor.is-active:hover {
            box-shadow: 0 0 0 1px var(--el-input-focus-border-color) inset
        }

        .el-range-editor--large {
            line-height: var(--el-component-size-large)
        }

        .el-range-editor--large.el-input__wrapper {
            height: var(--el-component-size-large)
        }

        .el-range-editor--large .el-range-separator {
            line-height: 40px;
            font-size: 14px
        }

        .el-range-editor--large .el-range-input {
            height: 38px;
            line-height: 38px;
            font-size: 14px
        }

        .el-range-editor--small {
            line-height: var(--el-component-size-small)
        }

        .el-range-editor--small.el-input__wrapper {
            height: var(--el-component-size-small)
        }

        .el-range-editor--small .el-range-separator {
            line-height: 24px;
            font-size: 12px
        }

        .el-range-editor--small .el-range-input {
            height: 22px;
            line-height: 22px;
            font-size: 12px
        }

        .el-range-editor.is-disabled {
            background-color: var(--el-disabled-bg-color);
            border-color: var(--el-disabled-border-color);
            color: var(--el-disabled-text-color);
            cursor: not-allowed
        }

        .el-range-editor.is-disabled:hover, .el-range-editor.is-disabled:focus {
            border-color: var(--el-disabled-border-color)
        }

        .el-range-editor.is-disabled input {
            background-color: var(--el-disabled-bg-color);
            color: var(--el-disabled-text-color);
            cursor: not-allowed
        }

        .el-range-editor.is-disabled input::placeholder {
            color: var(--el-text-color-placeholder)
        }

        .el-range-editor.is-disabled .el-range-separator {
            color: var(--el-disabled-text-color)
        }

        .el-picker-panel {
            color: var(--el-text-color-regular);
            background: var(--el-bg-color-overlay);
            border-radius: var(--el-border-radius-base);
            line-height: 30px
        }

        .el-picker-panel .el-time-panel {
            margin: 5px 0;
            border: solid 1px var(--el-datepicker-border-color);
            background-color: var(--el-bg-color-overlay);
            box-shadow: var(--el-box-shadow-light)
        }

        .el-picker-panel__body:after, .el-picker-panel__body-wrapper:after {
            content: "";
            display: table;
            clear: both
        }

        .el-picker-panel__content {
            position: relative;
            margin: 15px
        }

        .el-picker-panel__footer {
            border-top: 1px solid var(--el-datepicker-inner-border-color);
            padding: 4px 12px;
            text-align: right;
            background-color: var(--el-bg-color-overlay);
            position: relative;
            font-size: 0
        }

        .el-picker-panel__shortcut {
            display: block;
            width: 100%;
            border: 0;
            background-color: transparent;
            line-height: 28px;
            font-size: 14px;
            color: var(--el-datepicker-text-color);
            padding-left: 12px;
            text-align: left;
            outline: none;
            cursor: pointer
        }

        .el-picker-panel__shortcut:hover {
            color: var(--el-datepicker-hover-text-color)
        }

        .el-picker-panel__shortcut.active {
            background-color: #e6f1fe;
            color: var(--el-datepicker-active-color)
        }

        .el-picker-panel__btn {
            border: 1px solid var(--el-fill-color-darker);
            color: var(--el-text-color-primary);
            line-height: 24px;
            border-radius: 2px;
            padding: 0 20px;
            cursor: pointer;
            background-color: transparent;
            outline: none;
            font-size: 12px
        }

        .el-picker-panel__btn[disabled] {
            color: var(--el-text-color-disabled);
            cursor: not-allowed
        }

        .el-picker-panel__icon-btn {
            font-size: 12px;
            color: var(--el-datepicker-icon-color);
            border: 0;
            background: transparent;
            cursor: pointer;
            outline: none;
            margin-top: 8px
        }

        .el-picker-panel__icon-btn:hover {
            color: var(--el-datepicker-hover-text-color)
        }

        .el-picker-panel__icon-btn:focus-visible {
            color: var(--el-datepicker-hover-text-color)
        }

        .el-picker-panel__icon-btn.is-disabled {
            color: var(--el-text-color-disabled)
        }

        .el-picker-panel__icon-btn.is-disabled:hover {
            cursor: not-allowed
        }

        .el-picker-panel__icon-btn .el-icon {
            cursor: pointer;
            font-size: inherit
        }

        .el-picker-panel__link-btn {
            vertical-align: middle
        }

        .el-picker-panel *[slot=sidebar], .el-picker-panel__sidebar {
            position: absolute;
            top: 0;
            bottom: 0;
            width: 110px;
            border-right: 1px solid var(--el-datepicker-inner-border-color);
            box-sizing: border-box;
            padding-top: 6px;
            background-color: var(--el-bg-color-overlay);
            overflow: auto
        }

        .el-picker-panel *[slot=sidebar] + .el-picker-panel__body, .el-picker-panel__sidebar + .el-picker-panel__body {
            margin-left: 110px
        }

        .el-date-picker {
            --el-datepicker-text-color: var(--el-text-color-regular);
            --el-datepicker-off-text-color: var(--el-text-color-placeholder);
            --el-datepicker-header-text-color: var(--el-text-color-regular);
            --el-datepicker-icon-color: var(--el-text-color-primary);
            --el-datepicker-border-color: var(--el-disabled-border-color);
            --el-datepicker-inner-border-color: var(--el-border-color-light);
            --el-datepicker-inrange-bg-color: var(--el-border-color-extra-light);
            --el-datepicker-inrange-hover-bg-color: var(--el-border-color-extra-light);
            --el-datepicker-active-color: var(--el-color-primary);
            --el-datepicker-hover-text-color: var(--el-color-primary)
        }

        .el-date-picker {
            width: 322px
        }

        .el-date-picker.has-sidebar.has-time {
            width: 434px
        }

        .el-date-picker.has-sidebar {
            width: 438px
        }

        .el-date-picker.has-time .el-picker-panel__body-wrapper {
            position: relative
        }

        .el-date-picker .el-picker-panel__content {
            width: 292px
        }

        .el-date-picker table {
            table-layout: fixed;
            width: 100%
        }

        .el-date-picker__editor-wrap {
            position: relative;
            display: table-cell;
            padding: 0 5px
        }

        .el-date-picker__time-header {
            position: relative;
            border-bottom: 1px solid var(--el-datepicker-inner-border-color);
            font-size: 12px;
            padding: 8px 5px 5px;
            display: table;
            width: 100%;
            box-sizing: border-box
        }

        .el-date-picker__header {
            margin: 12px;
            text-align: center
        }

        .el-date-picker__header--bordered {
            margin-bottom: 0;
            padding-bottom: 12px;
            border-bottom: solid 1px var(--el-border-color-lighter)
        }

        .el-date-picker__header--bordered + .el-picker-panel__content {
            margin-top: 0
        }

        .el-date-picker__header-label {
            font-size: 16px;
            font-weight: 500;
            padding: 0 5px;
            line-height: 22px;
            text-align: center;
            cursor: pointer;
            color: var(--el-text-color-regular)
        }

        .el-date-picker__header-label:hover {
            color: var(--el-datepicker-hover-text-color)
        }

        .el-date-picker__header-label:focus-visible {
            outline: none;
            color: var(--el-datepicker-hover-text-color)
        }

        .el-date-picker__header-label.active {
            color: var(--el-datepicker-active-color)
        }

        .el-date-picker__prev-btn {
            float: left
        }

        .el-date-picker__next-btn {
            float: right
        }

        .el-date-picker__time-wrap {
            padding: 10px;
            text-align: center
        }

        .el-date-picker__time-label {
            float: left;
            cursor: pointer;
            line-height: 30px;
            margin-left: 10px
        }

        .el-date-picker .el-time-panel {
            position: absolute
        }

        .el-date-range-picker {
            --el-datepicker-text-color: var(--el-text-color-regular);
            --el-datepicker-off-text-color: var(--el-text-color-placeholder);
            --el-datepicker-header-text-color: var(--el-text-color-regular);
            --el-datepicker-icon-color: var(--el-text-color-primary);
            --el-datepicker-border-color: var(--el-disabled-border-color);
            --el-datepicker-inner-border-color: var(--el-border-color-light);
            --el-datepicker-inrange-bg-color: var(--el-border-color-extra-light);
            --el-datepicker-inrange-hover-bg-color: var(--el-border-color-extra-light);
            --el-datepicker-active-color: var(--el-color-primary);
            --el-datepicker-hover-text-color: var(--el-color-primary)
        }

        .el-date-range-picker {
            width: 646px
        }

        .el-date-range-picker.has-sidebar {
            width: 756px
        }

        .el-date-range-picker.has-time .el-picker-panel__body-wrapper {
            position: relative
        }

        .el-date-range-picker table {
            table-layout: fixed;
            width: 100%
        }

        .el-date-range-picker .el-picker-panel__body {
            min-width: 513px
        }

        .el-date-range-picker .el-picker-panel__content {
            margin: 0
        }

        .el-date-range-picker__header {
            position: relative;
            text-align: center;
            height: 28px
        }

        .el-date-range-picker__header [class*=arrow-left] {
            float: left
        }

        .el-date-range-picker__header [class*=arrow-right] {
            float: right
        }

        .el-date-range-picker__header div {
            font-size: 16px;
            font-weight: 500;
            margin-right: 50px
        }

        .el-date-range-picker__content {
            float: left;
            width: 50%;
            box-sizing: border-box;
            margin: 0;
            padding: 16px
        }

        .el-date-range-picker__content.is-left {
            border-right: 1px solid var(--el-datepicker-inner-border-color)
        }

        .el-date-range-picker__content .el-date-range-picker__header div {
            margin-left: 50px;
            margin-right: 50px
        }

        .el-date-range-picker__editors-wrap {
            box-sizing: border-box;
            display: table-cell
        }

        .el-date-range-picker__editors-wrap.is-right {
            text-align: right
        }

        .el-date-range-picker__time-header {
            position: relative;
            border-bottom: 1px solid var(--el-datepicker-inner-border-color);
            font-size: 12px;
            padding: 8px 5px 5px;
            display: table;
            width: 100%;
            box-sizing: border-box
        }

        .el-date-range-picker__time-header > .el-icon-arrow-right {
            font-size: 20px;
            vertical-align: middle;
            display: table-cell;
            color: var(--el-datepicker-icon-color)
        }

        .el-date-range-picker__time-picker-wrap {
            position: relative;
            display: table-cell;
            padding: 0 5px
        }

        .el-date-range-picker__time-picker-wrap .el-picker-panel {
            position: absolute;
            top: 13px;
            right: 0;
            z-index: 1;
            background: #ffffff
        }

        .el-date-range-picker__time-picker-wrap .el-time-panel {
            position: absolute
        }

        .el-time-range-picker {
            width: 354px;
            overflow: visible
        }

        .el-time-range-picker__content {
            position: relative;
            text-align: center;
            padding: 10px;
            z-index: 1
        }

        .el-time-range-picker__cell {
            box-sizing: border-box;
            margin: 0;
            padding: 4px 7px 7px;
            width: 50%;
            display: inline-block
        }

        .el-time-range-picker__header {
            margin-bottom: 5px;
            text-align: center;
            font-size: 14px
        }

        .el-time-range-picker__body {
            border-radius: 2px;
            border: 1px solid var(--el-datepicker-border-color)
        }

        .el-time-panel {
            border-radius: 2px;
            position: relative;
            width: 180px;
            left: 0;
            z-index: var(--el-index-top);
            user-select: none;
            box-sizing: content-box
        }

        .el-time-panel__content {
            font-size: 0;
            position: relative;
            overflow: hidden
        }

        .el-time-panel__content:after, .el-time-panel__content:before {
            content: "";
            top: 50%;
            position: absolute;
            margin-top: -16px;
            height: 32px;
            z-index: -1;
            left: 0;
            right: 0;
            box-sizing: border-box;
            padding-top: 6px;
            text-align: left
        }

        .el-time-panel__content:after {
            left: 50%;
            margin-left: 12%;
            margin-right: 12%
        }

        .el-time-panel__content:before {
            padding-left: 50%;
            margin-right: 12%;
            margin-left: 12%;
            border-top: 1px solid var(--el-border-color-light);
            border-bottom: 1px solid var(--el-border-color-light)
        }

        .el-time-panel__content.has-seconds:after {
            left: 66.6666666667%
        }

        .el-time-panel__content.has-seconds:before {
            padding-left: 33.3333333333%
        }

        .el-time-panel__footer {
            border-top: 1px solid var(--el-timepicker-inner-border-color, var(--el-border-color-light));
            padding: 4px;
            height: 36px;
            line-height: 25px;
            text-align: right;
            box-sizing: border-box
        }

        .el-time-panel__btn {
            border: none;
            line-height: 28px;
            padding: 0 5px;
            margin: 0 5px;
            cursor: pointer;
            background-color: transparent;
            outline: none;
            font-size: 12px;
            color: var(--el-text-color-primary)
        }

        .el-time-panel__btn.confirm {
            font-weight: 800;
            color: var(--el-timepicker-active-color, var(--el-color-primary))
        }

        .el-descriptions {
            --el-descriptions-table-border: 1px solid var(--el-border-color-lighter);
            --el-descriptions-item-bordered-label-background: var(--el-fill-color-light);
            box-sizing: border-box;
            font-size: var(--el-font-size-base);
            color: var(--el-text-color-primary)
        }

        .el-descriptions__header {
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin-bottom: 16px
        }

        .el-descriptions__title {
            color: var(--el-text-color-primary);
            font-size: 16px;
            font-weight: 700
        }

        .el-descriptions__body {
            background-color: var(--el-fill-color-blank)
        }

        .el-descriptions__body .el-descriptions__table {
            border-collapse: collapse;
            width: 100%
        }

        .el-descriptions__body .el-descriptions__table .el-descriptions__cell {
            box-sizing: border-box;
            text-align: left;
            font-weight: 400;
            line-height: 23px;
            font-size: 14px
        }

        .el-descriptions__body .el-descriptions__table .el-descriptions__cell.is-left {
            text-align: left
        }

        .el-descriptions__body .el-descriptions__table .el-descriptions__cell.is-center {
            text-align: center
        }

        .el-descriptions__body .el-descriptions__table .el-descriptions__cell.is-right {
            text-align: right
        }

        .el-descriptions__body .el-descriptions__table.is-bordered .el-descriptions__cell {
            border: var(--el-descriptions-table-border);
            padding: 8px 11px
        }

        .el-descriptions__body .el-descriptions__table:not(.is-bordered) .el-descriptions__cell {
            padding-bottom: 12px
        }

        .el-descriptions--large {
            font-size: 14px
        }

        .el-descriptions--large .el-descriptions__header {
            margin-bottom: 20px
        }

        .el-descriptions--large .el-descriptions__header .el-descriptions__title {
            font-size: 16px
        }

        .el-descriptions--large .el-descriptions__body .el-descriptions__table .el-descriptions__cell {
            font-size: 14px
        }

        .el-descriptions--large .el-descriptions__body .el-descriptions__table.is-bordered .el-descriptions__cell {
            padding: 12px 15px
        }

        .el-descriptions--large .el-descriptions__body .el-descriptions__table:not(.is-bordered) .el-descriptions__cell {
            padding-bottom: 16px
        }

        .el-descriptions--small {
            font-size: 12px
        }

        .el-descriptions--small .el-descriptions__header {
            margin-bottom: 12px
        }

        .el-descriptions--small .el-descriptions__header .el-descriptions__title {
            font-size: 14px
        }

        .el-descriptions--small .el-descriptions__body .el-descriptions__table .el-descriptions__cell {
            font-size: 12px
        }

        .el-descriptions--small .el-descriptions__body .el-descriptions__table.is-bordered .el-descriptions__cell {
            padding: 4px 7px
        }

        .el-descriptions--small .el-descriptions__body .el-descriptions__table:not(.is-bordered) .el-descriptions__cell {
            padding-bottom: 8px
        }

        .el-descriptions__label.el-descriptions__cell.is-bordered-label {
            font-weight: 700;
            color: var(--el-text-color-regular);
            background: var(--el-descriptions-item-bordered-label-background)
        }

        .el-descriptions__label:not(.is-bordered-label) {
            color: var(--el-text-color-primary);
            margin-right: 16px
        }

        .el-descriptions__label.el-descriptions__cell:not(.is-bordered-label).is-vertical-label {
            padding-bottom: 6px
        }

        .el-descriptions__content.el-descriptions__cell.is-bordered-content {
            color: var(--el-text-color-primary)
        }

        .el-descriptions__content:not(.is-bordered-label) {
            color: var(--el-text-color-regular)
        }

        .el-descriptions--large .el-descriptions__label:not(.is-bordered-label) {
            margin-right: 16px
        }

        .el-descriptions--large .el-descriptions__label.el-descriptions__cell:not(.is-bordered-label).is-vertical-label {
            padding-bottom: 8px
        }

        .el-descriptions--small .el-descriptions__label:not(.is-bordered-label) {
            margin-right: 12px
        }

        .el-descriptions--small .el-descriptions__label.el-descriptions__cell:not(.is-bordered-label).is-vertical-label {
            padding-bottom: 4px
        }

        :root {
            --el-popup-modal-bg-color: var(--el-color-black);
            --el-popup-modal-opacity: .5
        }

        .v-modal-enter {
            animation: v-modal-in var(--el-transition-duration-fast) ease
        }

        .v-modal-leave {
            animation: v-modal-out var(--el-transition-duration-fast) ease forwards
        }

        @keyframes v-modal-in {
            0% {
                opacity: 0
            }
        }

        @keyframes v-modal-out {
            to {
                opacity: 0
            }
        }

        .v-modal {
            position: fixed;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            opacity: var(--el-popup-modal-opacity);
            background: var(--el-popup-modal-bg-color)
        }

        .el-popup-parent--hidden {
            overflow: hidden
        }

        .el-dialog {
            --el-dialog-width: 50%;
            --el-dialog-margin-top: 15vh;
            --el-dialog-bg-color: var(--el-bg-color);
            --el-dialog-box-shadow: var(--el-box-shadow);
            --el-dialog-title-font-size: var(--el-font-size-large);
            --el-dialog-content-font-size: 14px;
            --el-dialog-font-line-height: var(--el-font-line-height-primary);
            --el-dialog-padding-primary: 16px;
            --el-dialog-border-radius: var(--el-border-radius-small);
            position: relative;
            margin: var(--el-dialog-margin-top, 15vh) auto 50px;
            background: var(--el-dialog-bg-color);
            border-radius: var(--el-dialog-border-radius);
            box-shadow: var(--el-dialog-box-shadow);
            box-sizing: border-box;
            padding: var(--el-dialog-padding-primary);
            width: var(--el-dialog-width, 50%);
            overflow-wrap: break-word
        }

        .el-dialog:focus {
            outline: none !important
        }

        .el-dialog.is-align-center {
            margin: auto
        }

        .el-dialog.is-fullscreen {
            --el-dialog-width: 100%;
            --el-dialog-margin-top: 0;
            margin-bottom: 0;
            height: 100%;
            overflow: auto
        }

        .el-dialog__wrapper {
            position: fixed;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            overflow: auto;
            margin: 0
        }

        .el-dialog.is-draggable .el-dialog__header {
            cursor: move;
            user-select: none
        }

        .el-dialog__header {
            padding-bottom: var(--el-dialog-padding-primary)
        }

        .el-dialog__header.show-close {
            padding-right: calc(var(--el-dialog-padding-primary) + var(--el-message-close-size, 16px))
        }

        .el-dialog__headerbtn {
            position: absolute;
            top: 0;
            right: 0;
            padding: 0;
            width: 48px;
            height: 48px;
            background: transparent;
            border: none;
            outline: none;
            cursor: pointer;
            font-size: var(--el-message-close-size, 16px)
        }

        .el-dialog__headerbtn .el-dialog__close {
            color: var(--el-color-info);
            font-size: inherit
        }

        .el-dialog__headerbtn:focus .el-dialog__close, .el-dialog__headerbtn:hover .el-dialog__close {
            color: var(--el-color-primary)
        }

        .el-dialog__title {
            line-height: var(--el-dialog-font-line-height);
            font-size: var(--el-dialog-title-font-size);
            color: var(--el-text-color-primary)
        }

        .el-dialog__body {
            color: var(--el-text-color-regular);
            font-size: var(--el-dialog-content-font-size)
        }

        .el-dialog__footer {
            padding-top: var(--el-dialog-padding-primary);
            text-align: right;
            box-sizing: border-box
        }

        .el-dialog--center {
            text-align: center
        }

        .el-dialog--center .el-dialog__body {
            text-align: initial
        }

        .el-dialog--center .el-dialog__footer {
            text-align: inherit
        }

        .el-overlay-dialog {
            position: fixed;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            overflow: auto
        }

        .dialog-fade-enter-active {
            animation: modal-fade-in var(--el-transition-duration)
        }

        .dialog-fade-enter-active .el-overlay-dialog {
            animation: dialog-fade-in var(--el-transition-duration)
        }

        .dialog-fade-leave-active {
            animation: modal-fade-out var(--el-transition-duration)
        }

        .dialog-fade-leave-active .el-overlay-dialog {
            animation: dialog-fade-out var(--el-transition-duration)
        }

        @keyframes dialog-fade-in {
            0% {
                transform: translate3d(0, -20px, 0);
                opacity: 0
            }

            to {
                transform: translateZ(0);
                opacity: 1
            }
        }

        @keyframes dialog-fade-out {
            0% {
                transform: translateZ(0);
                opacity: 1
            }

            to {
                transform: translate3d(0, -20px, 0);
                opacity: 0
            }
        }

        @keyframes modal-fade-in {
            0% {
                opacity: 0
            }

            to {
                opacity: 1
            }
        }

        @keyframes modal-fade-out {
            0% {
                opacity: 1
            }

            to {
                opacity: 0
            }
        }

        .el-divider {
            position: relative
        }

        .el-divider--horizontal {
            display: block;
            height: 1px;
            width: 100%;
            margin: 24px 0;
            border-top: 1px var(--el-border-color) var(--el-border-style)
        }

        .el-divider--vertical {
            display: inline-block;
            width: 1px;
            height: 1em;
            margin: 0 8px;
            vertical-align: middle;
            position: relative;
            border-left: 1px var(--el-border-color) var(--el-border-style)
        }

        .el-divider__text {
            position: absolute;
            background-color: var(--el-bg-color);
            padding: 0 20px;
            font-weight: 500;
            color: var(--el-text-color-primary);
            font-size: 14px
        }

        .el-divider__text.is-left {
            left: 20px;
            transform: translateY(-50%)
        }

        .el-divider__text.is-center {
            left: 50%;
            transform: translate(-50%) translateY(-50%)
        }

        .el-divider__text.is-right {
            right: 20px;
            transform: translateY(-50%)
        }

        .el-drawer {
            --el-drawer-bg-color: var(--el-dialog-bg-color, var(--el-bg-color));
            --el-drawer-padding-primary: var(--el-dialog-padding-primary, 20px)
        }

        .el-drawer {
            position: absolute;
            box-sizing: border-box;
            background-color: var(--el-drawer-bg-color);
            display: flex;
            flex-direction: column;
            box-shadow: var(--el-box-shadow-dark);
            overflow: hidden;
            transition: all var(--el-transition-duration)
        }

        .el-drawer .rtl, .el-drawer .ltr, .el-drawer .ttb, .el-drawer .btt {
            transform: translate(0)
        }

        .el-drawer__sr-focus:focus {
            outline: none !important
        }

        .el-drawer__header {
            align-items: center;
            color: #72767b;
            display: flex;
            margin-bottom: 32px;
            padding: var(--el-drawer-padding-primary);
            padding-bottom: 0
        }

        .el-drawer__header > :first-child {
            flex: 1
        }

        .el-drawer__title {
            margin: 0;
            flex: 1;
            line-height: inherit;
            font-size: 1rem
        }

        .el-drawer__footer {
            padding: var(--el-drawer-padding-primary);
            padding-top: 10px;
            text-align: right
        }

        .el-drawer__close-btn {
            display: inline-flex;
            border: none;
            cursor: pointer;
            font-size: var(--el-font-size-extra-large);
            color: inherit;
            background-color: transparent;
            outline: none
        }

        .el-drawer__close-btn:focus i, .el-drawer__close-btn:hover i {
            color: var(--el-color-primary)
        }

        .el-drawer__body {
            flex: 1;
            padding: var(--el-drawer-padding-primary);
            overflow: auto
        }

        .el-drawer__body > * {
            box-sizing: border-box
        }

        .el-drawer.ltr, .el-drawer.rtl {
            height: 100%;
            top: 0;
            bottom: 0
        }

        .el-drawer.ttb, .el-drawer.btt {
            width: 100%;
            left: 0;
            right: 0
        }

        .el-drawer.ltr {
            left: 0
        }

        .el-drawer.rtl {
            right: 0
        }

        .el-drawer.ttb {
            top: 0
        }

        .el-drawer.btt {
            bottom: 0
        }

        .el-drawer-fade-enter-active, .el-drawer-fade-leave-active {
            transition: all var(--el-transition-duration)
        }

        .el-drawer-fade-enter-from, .el-drawer-fade-enter-active, .el-drawer-fade-enter-to, .el-drawer-fade-leave-from, .el-drawer-fade-leave-active, .el-drawer-fade-leave-to {
            overflow: hidden !important
        }

        .el-drawer-fade-enter-from, .el-drawer-fade-leave-to {
            opacity: 0
        }

        .el-drawer-fade-enter-to, .el-drawer-fade-leave-from {
            opacity: 1
        }

        .el-drawer-fade-enter-from .rtl, .el-drawer-fade-leave-to .rtl {
            transform: translate(100%)
        }

        .el-drawer-fade-enter-from .ltr, .el-drawer-fade-leave-to .ltr {
            transform: translate(-100%)
        }

        .el-drawer-fade-enter-from .ttb, .el-drawer-fade-leave-to .ttb {
            transform: translateY(-100%)
        }

        .el-drawer-fade-enter-from .btt, .el-drawer-fade-leave-to .btt {
            transform: translateY(100%)
        }

        .el-dropdown {
            --el-dropdown-menu-box-shadow: var(--el-box-shadow-light);
            --el-dropdown-menuItem-hover-fill: var(--el-color-primary-light-9);
            --el-dropdown-menuItem-hover-color: var(--el-color-primary);
            --el-dropdown-menu-index: 10;
            display: inline-flex;
            position: relative;
            color: var(--el-text-color-regular);
            font-size: var(--el-font-size-base);
            line-height: 1;
            vertical-align: top
        }

        .el-dropdown.is-disabled {
            color: var(--el-text-color-placeholder);
            cursor: not-allowed
        }

        .el-dropdown__popper {
            --el-dropdown-menu-box-shadow: var(--el-box-shadow-light);
            --el-dropdown-menuItem-hover-fill: var(--el-color-primary-light-9);
            --el-dropdown-menuItem-hover-color: var(--el-color-primary);
            --el-dropdown-menu-index: 10
        }

        .el-dropdown__popper.el-popper {
            background: var(--el-bg-color-overlay);
            border: 1px solid var(--el-border-color-light);
            box-shadow: var(--el-dropdown-menu-box-shadow)
        }

        .el-dropdown__popper.el-popper .el-popper__arrow:before {
            border: 1px solid var(--el-border-color-light)
        }

        .el-dropdown__popper.el-popper[data-popper-placement^=top] .el-popper__arrow:before {
            border-top-color: transparent;
            border-left-color: transparent
        }

        .el-dropdown__popper.el-popper[data-popper-placement^=bottom] .el-popper__arrow:before {
            border-bottom-color: transparent;
            border-right-color: transparent
        }

        .el-dropdown__popper.el-popper[data-popper-placement^=left] .el-popper__arrow:before {
            border-left-color: transparent;
            border-bottom-color: transparent
        }

        .el-dropdown__popper.el-popper[data-popper-placement^=right] .el-popper__arrow:before {
            border-right-color: transparent;
            border-top-color: transparent
        }

        .el-dropdown__popper .el-dropdown-menu {
            border: none
        }

        .el-dropdown__popper .el-dropdown__popper-selfdefine {
            outline: none
        }

        .el-dropdown__popper .el-scrollbar__bar {
            z-index: calc(var(--el-dropdown-menu-index) + 1)
        }

        .el-dropdown__popper .el-dropdown__list {
            list-style: none;
            padding: 0;
            margin: 0;
            box-sizing: border-box
        }

        .el-dropdown .el-dropdown__caret-button {
            padding-left: 0;
            padding-right: 0;
            display: inline-flex;
            justify-content: center;
            align-items: center;
            width: 32px;
            border-left: none
        }

        .el-dropdown .el-dropdown__caret-button > span {
            display: inline-flex
        }

        .el-dropdown .el-dropdown__caret-button:before {
            content: "";
            position: absolute;
            display: block;
            width: 1px;
            top: -1px;
            bottom: -1px;
            left: 0;
            background: var(--el-overlay-color-lighter)
        }

        .el-dropdown .el-dropdown__caret-button.el-button:before {
            background: var(--el-border-color);
            opacity: .5
        }

        .el-dropdown .el-dropdown__caret-button .el-dropdown__icon {
            font-size: inherit;
            padding-left: 0
        }

        .el-dropdown .el-dropdown-selfdefine {
            outline: none
        }

        .el-dropdown--large .el-dropdown__caret-button {
            width: 40px
        }

        .el-dropdown--small .el-dropdown__caret-button {
            width: 24px
        }

        .el-dropdown-menu {
            position: relative;
            top: 0;
            left: 0;
            z-index: var(--el-dropdown-menu-index);
            padding: 5px 0;
            margin: 0;
            background-color: var(--el-bg-color-overlay);
            border: none;
            border-radius: var(--el-border-radius-base);
            box-shadow: none;
            list-style: none
        }

        .el-dropdown-menu__item {
            display: flex;
            align-items: center;
            white-space: nowrap;
            list-style: none;
            line-height: 22px;
            padding: 5px 16px;
            margin: 0;
            font-size: var(--el-font-size-base);
            color: var(--el-text-color-regular);
            cursor: pointer;
            outline: none
        }

        .el-dropdown-menu__item:not(.is-disabled):focus {
            background-color: var(--el-dropdown-menuItem-hover-fill);
            color: var(--el-dropdown-menuItem-hover-color)
        }

        .el-dropdown-menu__item i {
            margin-right: 5px
        }

        .el-dropdown-menu__item--divided {
            margin: 6px 0;
            border-top: 1px solid var(--el-border-color-lighter)
        }

        .el-dropdown-menu__item.is-disabled {
            cursor: not-allowed;
            color: var(--el-text-color-disabled)
        }

        .el-dropdown-menu--large {
            padding: 7px 0
        }

        .el-dropdown-menu--large .el-dropdown-menu__item {
            padding: 7px 20px;
            line-height: 22px;
            font-size: 14px
        }

        .el-dropdown-menu--large .el-dropdown-menu__item--divided {
            margin: 8px 0
        }

        .el-dropdown-menu--small {
            padding: 3px 0
        }

        .el-dropdown-menu--small .el-dropdown-menu__item {
            padding: 2px 12px;
            line-height: 20px;
            font-size: 12px
        }

        .el-dropdown-menu--small .el-dropdown-menu__item--divided {
            margin: 4px 0
        }

        .el-empty {
            --el-empty-padding: 40px 0;
            --el-empty-image-width: 160px;
            --el-empty-description-margin-top: 20px;
            --el-empty-bottom-margin-top: 20px;
            --el-empty-fill-color-0: var(--el-color-white);
            --el-empty-fill-color-1: #fcfcfd;
            --el-empty-fill-color-2: #f8f9fb;
            --el-empty-fill-color-3: #f7f8fc;
            --el-empty-fill-color-4: #eeeff3;
            --el-empty-fill-color-5: #edeef2;
            --el-empty-fill-color-6: #e9ebef;
            --el-empty-fill-color-7: #e5e7e9;
            --el-empty-fill-color-8: #e0e3e9;
            --el-empty-fill-color-9: #d5d7de;
            display: flex;
            justify-content: center;
            align-items: center;
            flex-direction: column;
            text-align: center;
            box-sizing: border-box;
            padding: var(--el-empty-padding)
        }

        .el-empty__image {
            width: var(--el-empty-image-width)
        }

        .el-empty__image img {
            user-select: none;
            width: 100%;
            height: 100%;
            vertical-align: top;
            object-fit: contain
        }

        .el-empty__image svg {
            color: var(--el-svg-monochrome-grey);
            fill: currentColor;
            width: 100%;
            height: 100%;
            vertical-align: top
        }

        .el-empty__description {
            margin-top: var(--el-empty-description-margin-top)
        }

        .el-empty__description p {
            margin: 0;
            font-size: var(--el-font-size-base);
            color: var(--el-text-color-secondary)
        }

        .el-empty__bottom {
            margin-top: var(--el-empty-bottom-margin-top)
        }

        .el-footer {
            --el-footer-padding: 0 20px;
            --el-footer-height: 60px;
            padding: var(--el-footer-padding);
            box-sizing: border-box;
            flex-shrink: 0;
            height: var(--el-footer-height)
        }

        .el-form {
            --el-form-label-font-size: var(--el-font-size-base);
            --el-form-inline-content-width: 220px
        }

        .el-form--label-left .el-form-item__label {
            justify-content: flex-start
        }

        .el-form--label-top .el-form-item {
            display: block
        }

        .el-form--label-top .el-form-item .el-form-item__label {
            display: block;
            height: auto;
            text-align: left;
            margin-bottom: 8px;
            line-height: 22px
        }

        .el-form--inline .el-form-item {
            display: inline-flex;
            vertical-align: middle;
            margin-right: 32px
        }

        .el-form--inline.el-form--label-top {
            display: flex;
            flex-wrap: wrap
        }

        .el-form--inline.el-form--label-top .el-form-item {
            display: block
        }

        .el-form--large.el-form--label-top .el-form-item .el-form-item__label {
            margin-bottom: 12px;
            line-height: 22px
        }

        .el-form--default.el-form--label-top .el-form-item .el-form-item__label {
            margin-bottom: 8px;
            line-height: 22px
        }

        .el-form--small.el-form--label-top .el-form-item .el-form-item__label {
            margin-bottom: 4px;
            line-height: 20px
        }

        .el-form-item {
            display: flex;
            --font-size: 14px;
            margin-bottom: 18px
        }

        .el-form-item .el-form-item {
            margin-bottom: 0
        }

        .el-form-item .el-input__validateIcon {
            display: none
        }

        .el-form-item--large {
            --font-size: 14px;
            --el-form-label-font-size: var(--font-size);
            margin-bottom: 22px
        }

        .el-form-item--large .el-form-item__label {
            height: 40px;
            line-height: 40px
        }

        .el-form-item--large .el-form-item__content {
            line-height: 40px
        }

        .el-form-item--large .el-form-item__error {
            padding-top: 4px
        }

        .el-form-item--default {
            --font-size: 14px;
            --el-form-label-font-size: var(--font-size);
            margin-bottom: 18px
        }

        .el-form-item--default .el-form-item__label {
            height: 32px;
            line-height: 32px
        }

        .el-form-item--default .el-form-item__content {
            line-height: 32px
        }

        .el-form-item--default .el-form-item__error {
            padding-top: 2px
        }

        .el-form-item--small {
            --font-size: 12px;
            --el-form-label-font-size: var(--font-size);
            margin-bottom: 18px
        }

        .el-form-item--small .el-form-item__label {
            height: 24px;
            line-height: 24px
        }

        .el-form-item--small .el-form-item__content {
            line-height: 24px
        }

        .el-form-item--small .el-form-item__error {
            padding-top: 2px
        }

        .el-form-item__label-wrap {
            display: flex
        }

        .el-form-item__label {
            display: inline-flex;
            justify-content: flex-end;
            align-items: flex-start;
            flex: 0 0 auto;
            font-size: var(--el-form-label-font-size);
            color: var(--el-text-color-regular);
            height: 32px;
            line-height: 32px;
            padding: 0 12px 0 0;
            box-sizing: border-box
        }

        .el-form-item__content {
            display: flex;
            flex-wrap: wrap;
            align-items: center;
            flex: 1;
            line-height: 32px;
            position: relative;
            font-size: var(--font-size);
            min-width: 0
        }

        .el-form-item__content .el-input-group {
            vertical-align: top
        }

        .el-form-item__error {
            color: var(--el-color-danger);
            font-size: 12px;
            line-height: 1;
            padding-top: 2px;
            position: absolute;
            top: 100%;
            left: 0
        }

        .el-form-item__error--inline {
            position: relative;
            top: auto;
            left: auto;
            display: inline-block;
            margin-left: 10px
        }

        .el-form-item.is-required:not(.is-no-asterisk).asterisk-left > .el-form-item__label:before, .el-form-item.is-required:not(.is-no-asterisk).asterisk-left > .el-form-item__label-wrap > .el-form-item__label:before {
            content: "*";
            color: var(--el-color-danger);
            margin-right: 4px
        }

        .el-form-item.is-required:not(.is-no-asterisk).asterisk-right > .el-form-item__label:after, .el-form-item.is-required:not(.is-no-asterisk).asterisk-right > .el-form-item__label-wrap > .el-form-item__label:after {
            content: "*";
            color: var(--el-color-danger);
            margin-left: 4px
        }

        .el-form-item.is-error .el-input__wrapper, .el-form-item.is-error .el-input__wrapper:hover, .el-form-item.is-error .el-input__wrapper:focus, .el-form-item.is-error .el-input__wrapper.is-focus, .el-form-item.is-error .el-textarea__inner, .el-form-item.is-error .el-textarea__inner:hover, .el-form-item.is-error .el-textarea__inner:focus, .el-form-item.is-error .el-textarea__inner.is-focus, .el-form-item.is-error .el-select__wrapper, .el-form-item.is-error .el-select__wrapper:hover, .el-form-item.is-error .el-select__wrapper:focus, .el-form-item.is-error .el-select__wrapper.is-focus {
            box-shadow: 0 0 0 1px var(--el-color-danger) inset
        }

        .el-form-item.is-error .el-input-group__append .el-input__wrapper, .el-form-item.is-error .el-input-group__prepend .el-input__wrapper {
            box-shadow: 0 0 0 1px transparent inset
        }

        .el-form-item.is-error .el-input__validateIcon {
            color: var(--el-color-danger)
        }

        .el-form-item--feedback .el-input__validateIcon {
            display: inline-flex
        }

        .el-header {
            --el-header-padding: 0 20px;
            --el-header-height: 60px;
            padding: var(--el-header-padding);
            box-sizing: border-box;
            flex-shrink: 0;
            height: var(--el-header-height)
        }

        .el-image-viewer__wrapper {
            position: fixed;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0
        }

        .el-image-viewer__btn {
            position: absolute;
            z-index: 1;
            display: flex;
            align-items: center;
            justify-content: center;
            border-radius: 50%;
            opacity: .8;
            cursor: pointer;
            box-sizing: border-box;
            user-select: none
        }

        .el-image-viewer__btn .el-icon {
            font-size: inherit;
            cursor: pointer
        }

        .el-image-viewer__close {
            top: 40px;
            right: 40px;
            width: 40px;
            height: 40px;
            font-size: 40px
        }

        .el-image-viewer__canvas {
            position: static;
            width: 100%;
            height: 100%;
            display: flex;
            justify-content: center;
            align-items: center;
            user-select: none
        }

        .el-image-viewer__actions {
            left: 50%;
            bottom: 30px;
            transform: translate(-50%);
            width: 282px;
            height: 44px;
            padding: 0 23px;
            background-color: var(--el-text-color-regular);
            border-color: #fff;
            border-radius: 22px
        }

        .el-image-viewer__actions__inner {
            width: 100%;
            height: 100%;
            cursor: default;
            font-size: 23px;
            color: #fff;
            display: flex;
            align-items: center;
            justify-content: space-around
        }

        .el-image-viewer__prev {
            top: 50%;
            transform: translateY(-50%);
            left: 40px;
            width: 44px;
            height: 44px;
            font-size: 24px;
            color: #fff;
            background-color: var(--el-text-color-regular);
            border-color: #fff
        }

        .el-image-viewer__next {
            top: 50%;
            transform: translateY(-50%);
            right: 40px;
            text-indent: 2px;
            width: 44px;
            height: 44px;
            font-size: 24px;
            color: #fff;
            background-color: var(--el-text-color-regular);
            border-color: #fff
        }

        .el-image-viewer__close {
            width: 44px;
            height: 44px;
            font-size: 24px;
            color: #fff;
            background-color: var(--el-text-color-regular);
            border-color: #fff
        }

        .el-image-viewer__mask {
            position: absolute;
            width: 100%;
            height: 100%;
            top: 0;
            left: 0;
            opacity: .5;
            background: #000
        }

        .viewer-fade-enter-active {
            animation: viewer-fade-in var(--el-transition-duration)
        }

        .viewer-fade-leave-active {
            animation: viewer-fade-out var(--el-transition-duration)
        }

        @keyframes viewer-fade-in {
            0% {
                transform: translate3d(0, -20px, 0);
                opacity: 0
            }

            to {
                transform: translateZ(0);
                opacity: 1
            }
        }

        @keyframes viewer-fade-out {
            0% {
                transform: translateZ(0);
                opacity: 1
            }

            to {
                transform: translate3d(0, -20px, 0);
                opacity: 0
            }
        }

        .el-image__error, .el-image__placeholder, .el-image__wrapper, .el-image__inner {
            width: 100%;
            height: 100%
        }

        .el-image {
            position: relative;
            display: inline-block;
            overflow: hidden
        }

        .el-image__inner {
            vertical-align: top;
            opacity: 1
        }

        .el-image__inner.is-loading {
            opacity: 0
        }

        .el-image__wrapper {
            position: absolute;
            top: 0;
            left: 0
        }

        .el-image__placeholder {
            background: var(--el-fill-color-light)
        }

        .el-image__error {
            display: flex;
            justify-content: center;
            align-items: center;
            font-size: 14px;
            background: var(--el-fill-color-light);
            color: var(--el-text-color-placeholder);
            vertical-align: middle
        }

        .el-image__preview {
            cursor: pointer
        }

        .el-textarea {
            --el-input-text-color: var(--el-text-color-regular);
            --el-input-border: var(--el-border);
            --el-input-hover-border: var(--el-border-color-hover);
            --el-input-focus-border: var(--el-color-primary);
            --el-input-transparent-border: 0 0 0 1px transparent inset;
            --el-input-border-color: var(--el-border-color);
            --el-input-border-radius: var(--el-border-radius-base);
            --el-input-bg-color: var(--el-fill-color-blank);
            --el-input-icon-color: var(--el-text-color-placeholder);
            --el-input-placeholder-color: var(--el-text-color-placeholder);
            --el-input-hover-border-color: var(--el-border-color-hover);
            --el-input-clear-hover-color: var(--el-text-color-secondary);
            --el-input-focus-border-color: var(--el-color-primary);
            --el-input-width: 100%
        }

        .el-textarea {
            position: relative;
            display: inline-block;
            width: 100%;
            vertical-align: bottom;
            font-size: var(--el-font-size-base)
        }

        .el-textarea__inner {
            position: relative;
            display: block;
            resize: vertical;
            padding: 5px 11px;
            line-height: 1.5;
            box-sizing: border-box;
            width: 100%;
            font-size: inherit;
            font-family: inherit;
            color: var(--el-input-text-color, var(--el-text-color-regular));
            background-color: var(--el-input-bg-color, var(--el-fill-color-blank));
            background-image: none;
            -webkit-appearance: none;
            box-shadow: 0 0 0 1px var(--el-input-border-color, var(--el-border-color)) inset;
            border-radius: var(--el-input-border-radius, var(--el-border-radius-base));
            transition: var(--el-transition-box-shadow);
            border: none
        }

        .el-textarea__inner::placeholder {
            color: var(--el-input-placeholder-color, var(--el-text-color-placeholder))
        }

        .el-textarea__inner:hover {
            box-shadow: 0 0 0 1px var(--el-input-hover-border-color) inset
        }

        .el-textarea__inner:focus {
            outline: none;
            box-shadow: 0 0 0 1px var(--el-input-focus-border-color) inset
        }

        .el-textarea .el-input__count {
            color: var(--el-color-info);
            background: var(--el-fill-color-blank);
            position: absolute;
            font-size: 12px;
            line-height: 14px;
            bottom: 5px;
            right: 10px
        }

        .el-textarea.is-disabled .el-textarea__inner {
            box-shadow: 0 0 0 1px var(--el-disabled-border-color) inset;
            background-color: var(--el-disabled-bg-color);
            color: var(--el-disabled-text-color);
            cursor: not-allowed
        }

        .el-textarea.is-disabled .el-textarea__inner::placeholder {
            color: var(--el-text-color-placeholder)
        }

        .el-textarea.is-exceed .el-textarea__inner {
            box-shadow: 0 0 0 1px var(--el-color-danger) inset
        }

        .el-textarea.is-exceed .el-input__count {
            color: var(--el-color-danger)
        }

        .el-input {
            --el-input-text-color: var(--el-text-color-regular);
            --el-input-border: var(--el-border);
            --el-input-hover-border: var(--el-border-color-hover);
            --el-input-focus-border: var(--el-color-primary);
            --el-input-transparent-border: 0 0 0 1px transparent inset;
            --el-input-border-color: var(--el-border-color);
            --el-input-border-radius: var(--el-border-radius-base);
            --el-input-bg-color: var(--el-fill-color-blank);
            --el-input-icon-color: var(--el-text-color-placeholder);
            --el-input-placeholder-color: var(--el-text-color-placeholder);
            --el-input-hover-border-color: var(--el-border-color-hover);
            --el-input-clear-hover-color: var(--el-text-color-secondary);
            --el-input-focus-border-color: var(--el-color-primary);
            --el-input-width: 100%
        }

        .el-input {
            --el-input-height: var(--el-component-size);
            position: relative;
            font-size: var(--el-font-size-base);
            display: inline-flex;
            width: var(--el-input-width);
            line-height: var(--el-input-height);
            box-sizing: border-box;
            vertical-align: middle
        }

        .el-input::-webkit-scrollbar {
            z-index: 11;
            width: 6px
        }

        .el-input::-webkit-scrollbar:horizontal {
            height: 6px
        }

        .el-input::-webkit-scrollbar-thumb {
            border-radius: 5px;
            width: 6px;
            background: var(--el-text-color-disabled)
        }

        .el-input::-webkit-scrollbar-corner {
            background: var(--el-fill-color-blank)
        }

        .el-input::-webkit-scrollbar-track {
            background: var(--el-fill-color-blank)
        }

        .el-input::-webkit-scrollbar-track-piece {
            background: var(--el-fill-color-blank);
            width: 6px
        }

        .el-input .el-input__clear, .el-input .el-input__password {
            color: var(--el-input-icon-color);
            font-size: 14px;
            cursor: pointer
        }

        .el-input .el-input__clear:hover, .el-input .el-input__password:hover {
            color: var(--el-input-clear-hover-color)
        }

        .el-input .el-input__count {
            height: 100%;
            display: inline-flex;
            align-items: center;
            color: var(--el-color-info);
            font-size: 12px
        }

        .el-input .el-input__count .el-input__count-inner {
            background: var(--el-fill-color-blank);
            line-height: initial;
            display: inline-block;
            padding-left: 8px
        }

        .el-input__wrapper {
            display: inline-flex;
            flex-grow: 1;
            align-items: center;
            justify-content: center;
            padding: 1px 11px;
            background-color: var(--el-input-bg-color, var(--el-fill-color-blank));
            background-image: none;
            border-radius: var(--el-input-border-radius, var(--el-border-radius-base));
            cursor: text;
            transition: var(--el-transition-box-shadow);
            transform: translateZ(0);
            box-shadow: 0 0 0 1px var(--el-input-border-color, var(--el-border-color)) inset
        }

        .el-input__wrapper:hover {
            box-shadow: 0 0 0 1px var(--el-input-hover-border-color) inset
        }

        .el-input__wrapper.is-focus {
            box-shadow: 0 0 0 1px var(--el-input-focus-border-color) inset
        }

        .el-input__inner {
            --el-input-inner-height: calc(var(--el-input-height, 32px) - 2px);
            width: 100%;
            flex-grow: 1;
            -webkit-appearance: none;
            color: var(--el-input-text-color, var(--el-text-color-regular));
            font-size: inherit;
            height: var(--el-input-inner-height);
            line-height: var(--el-input-inner-height);
            padding: 0;
            outline: none;
            border: none;
            background: none;
            box-sizing: border-box
        }

        .el-input__inner:focus {
            outline: none
        }

        .el-input__inner::placeholder {
            color: var(--el-input-placeholder-color, var(--el-text-color-placeholder))
        }

        .el-input__inner[type=password]::-ms-reveal {
            display: none
        }

        .el-input__inner[type=number] {
            line-height: 1
        }

        .el-input__prefix {
            display: inline-flex;
            white-space: nowrap;
            flex-shrink: 0;
            flex-wrap: nowrap;
            height: 100%;
            text-align: center;
            color: var(--el-input-icon-color, var(--el-text-color-placeholder));
            transition: all var(--el-transition-duration);
            pointer-events: none
        }

        .el-input__prefix-inner {
            pointer-events: all;
            display: inline-flex;
            align-items: center;
            justify-content: center
        }

        .el-input__prefix-inner > :last-child {
            margin-right: 8px
        }

        .el-input__prefix-inner > :first-child, .el-input__prefix-inner > :first-child.el-input__icon {
            margin-left: 0
        }

        .el-input__suffix {
            display: inline-flex;
            white-space: nowrap;
            flex-shrink: 0;
            flex-wrap: nowrap;
            height: 100%;
            text-align: center;
            color: var(--el-input-icon-color, var(--el-text-color-placeholder));
            transition: all var(--el-transition-duration);
            pointer-events: none
        }

        .el-input__suffix-inner {
            pointer-events: all;
            display: inline-flex;
            align-items: center;
            justify-content: center
        }

        .el-input__suffix-inner > :first-child {
            margin-left: 8px
        }

        .el-input .el-input__icon {
            height: inherit;
            line-height: inherit;
            display: flex;
            justify-content: center;
            align-items: center;
            transition: all var(--el-transition-duration);
            margin-left: 8px
        }

        .el-input__validateIcon {
            pointer-events: none
        }

        .el-input.is-active .el-input__wrapper {
            box-shadow: 0 0 0 1px var(--el-input-focus-color,) inset
        }

        .el-input.is-disabled {
            cursor: not-allowed
        }

        .el-input.is-disabled .el-input__wrapper {
            background-color: var(--el-disabled-bg-color);
            box-shadow: 0 0 0 1px var(--el-disabled-border-color) inset
        }

        .el-input.is-disabled .el-input__inner {
            color: var(--el-disabled-text-color);
            -webkit-text-fill-color: var(--el-disabled-text-color);
            cursor: not-allowed
        }

        .el-input.is-disabled .el-input__inner::placeholder {
            color: var(--el-text-color-placeholder)
        }

        .el-input.is-disabled .el-input__icon {
            cursor: not-allowed
        }

        .el-input.is-exceed .el-input__wrapper {
            box-shadow: 0 0 0 1px var(--el-color-danger) inset
        }

        .el-input.is-exceed .el-input__suffix .el-input__count {
            color: var(--el-color-danger)
        }

        .el-input--large {
            --el-input-height: var(--el-component-size-large);
            font-size: 14px
        }

        .el-input--large .el-input__wrapper {
            padding: 1px 15px
        }

        .el-input--large .el-input__inner {
            --el-input-inner-height: calc(var(--el-input-height, 40px) - 2px)
        }

        .el-input--small {
            --el-input-height: var(--el-component-size-small);
            font-size: 12px
        }

        .el-input--small .el-input__wrapper {
            padding: 1px 7px
        }

        .el-input--small .el-input__inner {
            --el-input-inner-height: calc(var(--el-input-height, 24px) - 2px)
        }

        .el-input-group {
            display: inline-flex;
            width: 100%;
            align-items: stretch
        }

        .el-input-group__append, .el-input-group__prepend {
            background-color: var(--el-fill-color-light);
            color: var(--el-color-info);
            position: relative;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            min-height: 100%;
            border-radius: var(--el-input-border-radius);
            padding: 0 20px;
            white-space: nowrap
        }

        .el-input-group__append:focus, .el-input-group__prepend:focus {
            outline: none
        }

        .el-input-group__append .el-select, .el-input-group__append .el-button, .el-input-group__prepend .el-select, .el-input-group__prepend .el-button {
            display: inline-block;
            margin: 0 -20px
        }

        .el-input-group__append button.el-button, .el-input-group__append button.el-button:hover, .el-input-group__append div.el-select .el-select__wrapper, .el-input-group__append div.el-select:hover .el-select__wrapper, .el-input-group__prepend button.el-button, .el-input-group__prepend button.el-button:hover, .el-input-group__prepend div.el-select .el-select__wrapper, .el-input-group__prepend div.el-select:hover .el-select__wrapper {
            border-color: transparent;
            background-color: transparent;
            color: inherit
        }

        .el-input-group__append .el-button, .el-input-group__append .el-input, .el-input-group__prepend .el-button, .el-input-group__prepend .el-input {
            font-size: inherit
        }

        .el-input-group__prepend {
            border-right: 0;
            border-top-right-radius: 0;
            border-bottom-right-radius: 0;
            box-shadow: 1px 0 0 0 var(--el-input-border-color) inset, 0 1px 0 0 var(--el-input-border-color) inset, 0 -1px 0 0 var(--el-input-border-color) inset
        }

        .el-input-group__append {
            border-left: 0;
            border-top-left-radius: 0;
            border-bottom-left-radius: 0;
            box-shadow: 0 1px 0 0 var(--el-input-border-color) inset, 0 -1px 0 0 var(--el-input-border-color) inset, -1px 0 0 0 var(--el-input-border-color) inset
        }

        .el-input-group--prepend > .el-input__wrapper {
            border-top-left-radius: 0;
            border-bottom-left-radius: 0
        }

        .el-input-group--prepend .el-input-group__prepend .el-select .el-select__wrapper {
            border-top-right-radius: 0;
            border-bottom-right-radius: 0;
            box-shadow: 1px 0 0 0 var(--el-input-border-color) inset, 0 1px 0 0 var(--el-input-border-color) inset, 0 -1px 0 0 var(--el-input-border-color) inset
        }

        .el-input-group--append > .el-input__wrapper {
            border-top-right-radius: 0;
            border-bottom-right-radius: 0
        }

        .el-input-group--append .el-input-group__append .el-select .el-select__wrapper {
            border-top-left-radius: 0;
            border-bottom-left-radius: 0;
            box-shadow: 0 1px 0 0 var(--el-input-border-color) inset, 0 -1px 0 0 var(--el-input-border-color) inset, -1px 0 0 0 var(--el-input-border-color) inset
        }

        .el-input-hidden {
            display: none !important
        }

        .el-input-number {
            position: relative;
            display: inline-flex;
            width: 150px;
            line-height: 30px
        }

        .el-input-number .el-input__wrapper {
            padding-left: 42px;
            padding-right: 42px
        }

        .el-input-number .el-input__inner {
            -webkit-appearance: none;
            -moz-appearance: textfield;
            text-align: center;
            line-height: 1
        }

        .el-input-number .el-input__inner::-webkit-inner-spin-button, .el-input-number .el-input__inner::-webkit-outer-spin-button {
            margin: 0;
            -webkit-appearance: none
        }

        .el-input-number__increase, .el-input-number__decrease {
            display: flex;
            justify-content: center;
            align-items: center;
            height: auto;
            position: absolute;
            z-index: 1;
            top: 1px;
            bottom: 1px;
            width: 32px;
            background: var(--el-fill-color-light);
            color: var(--el-text-color-regular);
            cursor: pointer;
            font-size: 13px;
            user-select: none
        }

        .el-input-number__increase:hover, .el-input-number__decrease:hover {
            color: var(--el-color-primary)
        }

        .el-input-number__increase:hover ~ .el-input:not(.is-disabled) .el-input__wrapper, .el-input-number__decrease:hover ~ .el-input:not(.is-disabled) .el-input__wrapper {
            box-shadow: 0 0 0 1px var(--el-input-focus-border-color, var(--el-color-primary)) inset
        }

        .el-input-number__increase.is-disabled, .el-input-number__decrease.is-disabled {
            color: var(--el-disabled-text-color);
            cursor: not-allowed
        }

        .el-input-number__increase {
            right: 1px;
            border-radius: 0 var(--el-border-radius-base) var(--el-border-radius-base) 0;
            border-left: var(--el-border)
        }

        .el-input-number__decrease {
            left: 1px;
            border-radius: var(--el-border-radius-base) 0 0 var(--el-border-radius-base);
            border-right: var(--el-border)
        }

        .el-input-number.is-disabled .el-input-number__increase, .el-input-number.is-disabled .el-input-number__decrease {
            border-color: var(--el-disabled-border-color);
            color: var(--el-disabled-border-color)
        }

        .el-input-number.is-disabled .el-input-number__increase:hover, .el-input-number.is-disabled .el-input-number__decrease:hover {
            color: var(--el-disabled-border-color);
            cursor: not-allowed
        }

        .el-input-number--large {
            width: 180px;
            line-height: 38px
        }

        .el-input-number--large .el-input-number__increase, .el-input-number--large .el-input-number__decrease {
            width: 40px;
            font-size: 14px
        }

        .el-input-number--large .el-input--large .el-input__wrapper {
            padding-left: 47px;
            padding-right: 47px
        }

        .el-input-number--small {
            width: 120px;
            line-height: 22px
        }

        .el-input-number--small .el-input-number__increase, .el-input-number--small .el-input-number__decrease {
            width: 24px;
            font-size: 12px
        }

        .el-input-number--small .el-input--small .el-input__wrapper {
            padding-left: 31px;
            padding-right: 31px
        }

        .el-input-number--small .el-input-number__increase [class*=el-icon], .el-input-number--small .el-input-number__decrease [class*=el-icon] {
            transform: scale(.9)
        }

        .el-input-number.is-without-controls .el-input__wrapper {
            padding-left: 15px;
            padding-right: 15px
        }

        .el-input-number.is-controls-right .el-input__wrapper {
            padding-left: 15px;
            padding-right: 42px
        }

        .el-input-number.is-controls-right .el-input-number__increase, .el-input-number.is-controls-right .el-input-number__decrease {
            --el-input-number-controls-height: 15px;
            height: var(--el-input-number-controls-height);
            line-height: var(--el-input-number-controls-height)
        }

        .el-input-number.is-controls-right .el-input-number__increase [class*=el-icon], .el-input-number.is-controls-right .el-input-number__decrease [class*=el-icon] {
            transform: scale(.8)
        }

        .el-input-number.is-controls-right .el-input-number__increase {
            bottom: auto;
            left: auto;
            border-radius: 0 var(--el-border-radius-base) 0 0;
            border-bottom: var(--el-border)
        }

        .el-input-number.is-controls-right .el-input-number__decrease {
            right: 1px;
            top: auto;
            left: auto;
            border-right: none;
            border-left: var(--el-border);
            border-radius: 0 0 var(--el-border-radius-base) 0
        }

        .el-input-number.is-controls-right[class*=large] [class*=increase], .el-input-number.is-controls-right[class*=large] [class*=decrease] {
            --el-input-number-controls-height: 19px
        }

        .el-input-number.is-controls-right[class*=small] [class*=increase], .el-input-number.is-controls-right[class*=small] [class*=decrease] {
            --el-input-number-controls-height: 11px
        }

        .el-link {
            --el-link-font-size: var(--el-font-size-base);
            --el-link-font-weight: var(--el-font-weight-primary);
            --el-link-text-color: var(--el-text-color-regular);
            --el-link-hover-text-color: var(--el-color-primary);
            --el-link-disabled-text-color: var(--el-text-color-placeholder)
        }

        .el-link {
            display: inline-flex;
            flex-direction: row;
            align-items: center;
            justify-content: center;
            vertical-align: middle;
            position: relative;
            text-decoration: none;
            outline: none;
            cursor: pointer;
            padding: 0;
            font-size: var(--el-link-font-size);
            font-weight: var(--el-link-font-weight);
            color: var(--el-link-text-color)
        }

        .el-link:hover {
            color: var(--el-link-hover-text-color)
        }

        .el-link.is-underline:hover:after {
            content: "";
            position: absolute;
            left: 0;
            right: 0;
            height: 0;
            bottom: 0;
            border-bottom: 1px solid var(--el-link-hover-text-color)
        }

        .el-link.is-disabled {
            color: var(--el-link-disabled-text-color);
            cursor: not-allowed
        }

        .el-link [class*=el-icon-] + span {
            margin-left: 5px
        }

        .el-link.el-link--default:after {
            border-color: var(--el-link-hover-text-color)
        }

        .el-link__inner {
            display: inline-flex;
            justify-content: center;
            align-items: center
        }

        .el-link.el-link--primary {
            --el-link-text-color: var(--el-color-primary);
            --el-link-hover-text-color: var(--el-color-primary-light-3);
            --el-link-disabled-text-color: var(--el-color-primary-light-5)
        }

        .el-link.el-link--primary:after {
            border-color: var(--el-link-text-color)
        }

        .el-link.el-link--primary.is-underline:hover:after {
            border-color: var(--el-link-text-color)
        }

        .el-link.el-link--success {
            --el-link-text-color: var(--el-color-success);
            --el-link-hover-text-color: var(--el-color-success-light-3);
            --el-link-disabled-text-color: var(--el-color-success-light-5)
        }

        .el-link.el-link--success:after {
            border-color: var(--el-link-text-color)
        }

        .el-link.el-link--success.is-underline:hover:after {
            border-color: var(--el-link-text-color)
        }

        .el-link.el-link--warning {
            --el-link-text-color: var(--el-color-warning);
            --el-link-hover-text-color: var(--el-color-warning-light-3);
            --el-link-disabled-text-color: var(--el-color-warning-light-5)
        }

        .el-link.el-link--warning:after {
            border-color: var(--el-link-text-color)
        }

        .el-link.el-link--warning.is-underline:hover:after {
            border-color: var(--el-link-text-color)
        }

        .el-link.el-link--danger {
            --el-link-text-color: var(--el-color-danger);
            --el-link-hover-text-color: var(--el-color-danger-light-3);
            --el-link-disabled-text-color: var(--el-color-danger-light-5)
        }

        .el-link.el-link--danger:after {
            border-color: var(--el-link-text-color)
        }

        .el-link.el-link--danger.is-underline:hover:after {
            border-color: var(--el-link-text-color)
        }

        .el-link.el-link--error {
            --el-link-text-color: var(--el-color-error);
            --el-link-hover-text-color: var(--el-color-error-light-3);
            --el-link-disabled-text-color: var(--el-color-error-light-5)
        }

        .el-link.el-link--error:after {
            border-color: var(--el-link-text-color)
        }

        .el-link.el-link--error.is-underline:hover:after {
            border-color: var(--el-link-text-color)
        }

        .el-link.el-link--info {
            --el-link-text-color: var(--el-color-info);
            --el-link-hover-text-color: var(--el-color-info-light-3);
            --el-link-disabled-text-color: var(--el-color-info-light-5)
        }

        .el-link.el-link--info:after {
            border-color: var(--el-link-text-color)
        }

        .el-link.el-link--info.is-underline:hover:after {
            border-color: var(--el-link-text-color)
        }

        :root {
            --el-loading-spinner-size: 42px;
            --el-loading-fullscreen-spinner-size: 50px
        }

        .el-loading-parent--relative {
            position: relative !important
        }

        .el-loading-parent--hidden {
            overflow: hidden !important
        }

        .el-loading-mask {
            position: absolute;
            z-index: 2000;
            background-color: var(--el-mask-color);
            margin: 0;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            transition: opacity var(--el-transition-duration)
        }

        .el-loading-mask.is-fullscreen {
            position: fixed
        }

        .el-loading-mask.is-fullscreen .el-loading-spinner {
            margin-top: calc((0px - var(--el-loading-fullscreen-spinner-size)) / 2)
        }

        .el-loading-mask.is-fullscreen .el-loading-spinner .circular {
            height: var(--el-loading-fullscreen-spinner-size);
            width: var(--el-loading-fullscreen-spinner-size)
        }

        .el-loading-spinner {
            top: 50%;
            margin-top: calc((0px - var(--el-loading-spinner-size)) / 2);
            width: 100%;
            text-align: center;
            position: absolute
        }

        .el-loading-spinner .el-loading-text {
            color: var(--el-color-primary);
            margin: 3px 0;
            font-size: 14px
        }

        .el-loading-spinner .circular {
            display: inline;
            height: var(--el-loading-spinner-size);
            width: var(--el-loading-spinner-size);
            animation: loading-rotate 2s linear infinite
        }

        .el-loading-spinner .path {
            animation: loading-dash 1.5s ease-in-out infinite;
            stroke-dasharray: 90, 150;
            stroke-dashoffset: 0;
            stroke-width: 2;
            stroke: var(--el-color-primary);
            stroke-linecap: round
        }

        .el-loading-spinner i {
            color: var(--el-color-primary)
        }

        .el-loading-fade-enter-from, .el-loading-fade-leave-to {
            opacity: 0
        }

        @keyframes loading-rotate {
            to {
                transform: rotate(360deg)
            }
        }

        @keyframes loading-dash {
            0% {
                stroke-dasharray: 1, 200;
                stroke-dashoffset: 0
            }

            50% {
                stroke-dasharray: 90, 150;
                stroke-dashoffset: -40px
            }

            to {
                stroke-dasharray: 90, 150;
                stroke-dashoffset: -120px
            }
        }

        .el-main {
            --el-main-padding: 20px;
            display: block;
            flex: 1;
            flex-basis: auto;
            overflow: auto;
            box-sizing: border-box;
            padding: var(--el-main-padding)
        }

        :root {
            --el-menu-active-color: var(--el-color-primary);
            --el-menu-text-color: var(--el-text-color-primary);
            --el-menu-hover-text-color: var(--el-color-primary);
            --el-menu-bg-color: var(--el-fill-color-blank);
            --el-menu-hover-bg-color: var(--el-color-primary-light-9);
            --el-menu-item-height: 56px;
            --el-menu-sub-item-height: calc(var(--el-menu-item-height) - 6px);
            --el-menu-horizontal-height: 60px;
            --el-menu-horizontal-sub-item-height: 36px;
            --el-menu-item-font-size: var(--el-font-size-base);
            --el-menu-item-hover-fill: var(--el-color-primary-light-9);
            --el-menu-border-color: var(--el-border-color);
            --el-menu-base-level-padding: 20px;
            --el-menu-level-padding: 20px;
            --el-menu-icon-width: 24px
        }

        .el-menu {
            border-right: solid 1px var(--el-menu-border-color);
            list-style: none;
            position: relative;
            margin: 0;
            padding-left: 0;
            background-color: var(--el-menu-bg-color);
            box-sizing: border-box
        }

        .el-menu--vertical:not(.el-menu--collapse):not(.el-menu--popup-container) .el-menu-item, .el-menu--vertical:not(.el-menu--collapse):not(.el-menu--popup-container) .el-sub-menu__title, .el-menu--vertical:not(.el-menu--collapse):not(.el-menu--popup-container) .el-menu-item-group__title {
            white-space: nowrap;
            padding-left: calc(var(--el-menu-base-level-padding) + var(--el-menu-level) * var(--el-menu-level-padding))
        }

        .el-menu:not(.el-menu--collapse) .el-sub-menu__title {
            padding-right: calc(var(--el-menu-base-level-padding) + var(--el-menu-icon-width))
        }

        .el-menu--horizontal {
            display: flex;
            flex-wrap: nowrap;
            border-right: none;
            height: var(--el-menu-horizontal-height)
        }

        .el-menu--horizontal.el-menu--popup-container {
            height: unset
        }

        .el-menu--horizontal.el-menu {
            border-bottom: solid 1px var(--el-menu-border-color)
        }

        .el-menu--horizontal > .el-menu-item {
            display: inline-flex;
            justify-content: center;
            align-items: center;
            height: 100%;
            margin: 0;
            border-bottom: 2px solid transparent;
            color: var(--el-menu-text-color)
        }

        .el-menu--horizontal > .el-menu-item a, .el-menu--horizontal > .el-menu-item a:hover {
            color: inherit
        }

        .el-menu--horizontal > .el-sub-menu:focus, .el-menu--horizontal > .el-sub-menu:hover {
            outline: none
        }

        .el-menu--horizontal > .el-sub-menu:hover .el-sub-menu__title {
            color: var(--el-menu-hover-text-color)
        }

        .el-menu--horizontal > .el-sub-menu.is-active .el-sub-menu__title {
            border-bottom: 2px solid var(--el-menu-active-color);
            color: var(--el-menu-active-color)
        }

        .el-menu--horizontal > .el-sub-menu .el-sub-menu__title {
            height: 100%;
            border-bottom: 2px solid transparent;
            color: var(--el-menu-text-color)
        }

        .el-menu--horizontal > .el-sub-menu .el-sub-menu__title:hover {
            background-color: var(--el-menu-bg-color)
        }

        .el-menu--horizontal .el-menu .el-menu-item, .el-menu--horizontal .el-menu .el-sub-menu__title {
            background-color: var(--el-menu-bg-color);
            display: flex;
            align-items: center;
            height: var(--el-menu-horizontal-sub-item-height);
            line-height: var(--el-menu-horizontal-sub-item-height);
            padding: 0 10px;
            color: var(--el-menu-text-color)
        }

        .el-menu--horizontal .el-menu .el-sub-menu__title {
            padding-right: 40px
        }

        .el-menu--horizontal .el-menu .el-menu-item.is-active, .el-menu--horizontal .el-menu .el-sub-menu.is-active > .el-sub-menu__title {
            color: var(--el-menu-active-color)
        }

        .el-menu--horizontal .el-menu-item:not(.is-disabled):hover, .el-menu--horizontal .el-menu-item:not(.is-disabled):focus {
            outline: none;
            color: var(--el-menu-hover-text-color);
            background-color: var(--el-menu-hover-bg-color)
        }

        .el-menu--horizontal > .el-menu-item.is-active {
            border-bottom: 2px solid var(--el-menu-active-color);
            color: var(--el-menu-active-color) !important
        }

        .el-menu--collapse {
            width: calc(var(--el-menu-icon-width) + var(--el-menu-base-level-padding) * 2)
        }

        .el-menu--collapse > .el-menu-item [class^=el-icon], .el-menu--collapse > .el-sub-menu > .el-sub-menu__title [class^=el-icon], .el-menu--collapse > .el-menu-item-group > ul > .el-sub-menu > .el-sub-menu__title [class^=el-icon] {
            margin: 0;
            vertical-align: middle;
            width: var(--el-menu-icon-width);
            text-align: center
        }

        .el-menu--collapse > .el-menu-item .el-sub-menu__icon-arrow, .el-menu--collapse > .el-sub-menu > .el-sub-menu__title .el-sub-menu__icon-arrow, .el-menu--collapse > .el-menu-item-group > ul > .el-sub-menu > .el-sub-menu__title .el-sub-menu__icon-arrow {
            display: none
        }

        .el-menu--collapse > .el-menu-item > span, .el-menu--collapse > .el-sub-menu > .el-sub-menu__title > span, .el-menu--collapse > .el-menu-item-group > ul > .el-sub-menu > .el-sub-menu__title > span {
            height: 0;
            width: 0;
            overflow: hidden;
            visibility: hidden;
            display: inline-block
        }

        .el-menu--collapse > .el-menu-item.is-active i {
            color: inherit
        }

        .el-menu--collapse .el-menu .el-sub-menu {
            min-width: 200px
        }

        .el-menu--collapse .el-sub-menu.is-active .el-sub-menu__title {
            color: var(--el-menu-active-color)
        }

        .el-menu--popup {
            z-index: 100;
            min-width: 200px;
            border: none;
            padding: 5px 0;
            border-radius: var(--el-border-radius-small);
            box-shadow: var(--el-box-shadow-light)
        }

        .el-menu .el-icon {
            flex-shrink: 0
        }

        .el-menu-item {
            display: flex;
            align-items: center;
            height: var(--el-menu-item-height);
            line-height: var(--el-menu-item-height);
            font-size: var(--el-menu-item-font-size);
            color: var(--el-menu-text-color);
            padding: 0 var(--el-menu-base-level-padding);
            list-style: none;
            cursor: pointer;
            position: relative;
            transition: border-color var(--el-transition-duration), background-color var(--el-transition-duration), color var(--el-transition-duration);
            box-sizing: border-box;
            white-space: nowrap
        }

        .el-menu-item * {
            vertical-align: bottom
        }

        .el-menu-item i {
            color: inherit
        }

        .el-menu-item:hover, .el-menu-item:focus {
            outline: none
        }

        .el-menu-item:hover {
            background-color: var(--el-menu-hover-bg-color)
        }

        .el-menu-item.is-disabled {
            opacity: .25;
            cursor: not-allowed;
            background: none !important
        }

        .el-menu-item [class^=el-icon] {
            margin-right: 5px;
            width: var(--el-menu-icon-width);
            text-align: center;
            font-size: 18px;
            vertical-align: middle
        }

        .el-menu-item.is-active {
            color: var(--el-menu-active-color)
        }

        .el-menu-item.is-active i {
            color: inherit
        }

        .el-menu-item .el-menu-tooltip__trigger {
            position: absolute;
            left: 0;
            top: 0;
            height: 100%;
            width: 100%;
            display: inline-flex;
            align-items: center;
            box-sizing: border-box;
            padding: 0 var(--el-menu-base-level-padding)
        }

        .el-sub-menu {
            list-style: none;
            margin: 0;
            padding-left: 0
        }

        .el-sub-menu__title {
            display: flex;
            align-items: center;
            height: var(--el-menu-item-height);
            line-height: var(--el-menu-item-height);
            font-size: var(--el-menu-item-font-size);
            color: var(--el-menu-text-color);
            padding: 0 var(--el-menu-base-level-padding);
            list-style: none;
            cursor: pointer;
            position: relative;
            transition: border-color var(--el-transition-duration), background-color var(--el-transition-duration), color var(--el-transition-duration);
            box-sizing: border-box;
            white-space: nowrap
        }

        .el-sub-menu__title * {
            vertical-align: bottom
        }

        .el-sub-menu__title i {
            color: inherit
        }

        .el-sub-menu__title:hover, .el-sub-menu__title:focus {
            outline: none
        }

        .el-sub-menu__title.is-disabled {
            opacity: .25;
            cursor: not-allowed;
            background: none !important
        }

        .el-sub-menu__title:hover {
            background-color: var(--el-menu-hover-bg-color)
        }

        .el-sub-menu .el-menu {
            border: none
        }

        .el-sub-menu .el-menu-item {
            height: var(--el-menu-sub-item-height);
            line-height: var(--el-menu-sub-item-height)
        }

        .el-sub-menu__hide-arrow .el-sub-menu__icon-arrow {
            display: none !important
        }

        .el-sub-menu.is-active .el-sub-menu__title {
            border-bottom-color: var(--el-menu-active-color)
        }

        .el-sub-menu.is-disabled .el-sub-menu__title, .el-sub-menu.is-disabled .el-menu-item {
            opacity: .25;
            cursor: not-allowed;
            background: none !important
        }

        .el-sub-menu .el-icon {
            vertical-align: middle;
            margin-right: 5px;
            width: var(--el-menu-icon-width);
            text-align: center;
            font-size: 18px
        }

        .el-sub-menu .el-icon.el-sub-menu__icon-more {
            margin-right: 0 !important
        }

        .el-sub-menu .el-sub-menu__icon-arrow {
            position: absolute;
            top: 50%;
            right: var(--el-menu-base-level-padding);
            margin-top: -6px;
            transition: transform var(--el-transition-duration);
            font-size: 12px;
            margin-right: 0;
            width: inherit
        }

        .el-menu-item-group > ul {
            padding: 0
        }

        .el-menu-item-group__title {
            padding: 7px 0 7px var(--el-menu-base-level-padding);
            line-height: normal;
            font-size: 12px;
            color: var(--el-text-color-secondary)
        }

        .horizontal-collapse-transition .el-sub-menu__title .el-sub-menu__icon-arrow {
            transition: var(--el-transition-duration-fast);
            opacity: 0
        }

        .el-message-box {
            --el-messagebox-title-color: var(--el-text-color-primary);
            --el-messagebox-width: 420px;
            --el-messagebox-border-radius: 4px;
            --el-messagebox-box-shadow: var(--el-box-shadow);
            --el-messagebox-font-size: var(--el-font-size-large);
            --el-messagebox-content-font-size: var(--el-font-size-base);
            --el-messagebox-content-color: var(--el-text-color-regular);
            --el-messagebox-error-font-size: 12px;
            --el-messagebox-padding-primary: 12px;
            --el-messagebox-font-line-height: var(--el-font-line-height-primary)
        }

        .el-message-box {
            display: inline-block;
            position: relative;
            max-width: var(--el-messagebox-width);
            width: 100%;
            padding: var(--el-messagebox-padding-primary);
            vertical-align: middle;
            background-color: var(--el-bg-color);
            border-radius: var(--el-messagebox-border-radius);
            font-size: var(--el-messagebox-font-size);
            box-shadow: var(--el-messagebox-box-shadow);
            text-align: left;
            overflow: hidden;
            backface-visibility: hidden;
            box-sizing: border-box;
            overflow-wrap: break-word
        }

        .el-message-box:focus {
            outline: none !important
        }

        .el-overlay.is-message-box .el-overlay-message-box {
            text-align: center;
            position: fixed;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            padding: 16px;
            overflow: auto
        }

        .el-overlay.is-message-box .el-overlay-message-box:after {
            content: "";
            display: inline-block;
            height: 100%;
            width: 0;
            vertical-align: middle
        }

        .el-message-box.is-draggable .el-message-box__header {
            cursor: move;
            user-select: none
        }

        .el-message-box__header {
            padding-bottom: var(--el-messagebox-padding-primary)
        }

        .el-message-box__header.show-close {
            padding-right: calc(var(--el-messagebox-padding-primary) + var(--el-message-close-size, 16px))
        }

        .el-message-box__title {
            font-size: var(--el-messagebox-font-size);
            line-height: var(--el-messagebox-font-line-height);
            color: var(--el-messagebox-title-color)
        }

        .el-message-box__headerbtn {
            position: absolute;
            top: 0;
            right: 0;
            padding: 0;
            width: 40px;
            height: 40px;
            border: none;
            outline: none;
            background: transparent;
            font-size: var(--el-message-close-size, 16px);
            cursor: pointer
        }

        .el-message-box__headerbtn .el-message-box__close {
            color: var(--el-color-info);
            font-size: inherit
        }

        .el-message-box__headerbtn:focus .el-message-box__close, .el-message-box__headerbtn:hover .el-message-box__close {
            color: var(--el-color-primary)
        }

        .el-message-box__content {
            color: var(--el-messagebox-content-color);
            font-size: var(--el-messagebox-content-font-size)
        }

        .el-message-box__container {
            display: flex;
            align-items: center;
            gap: 12px
        }

        .el-message-box__input {
            padding-top: 12px
        }

        .el-message-box__input div.invalid > input {
            border-color: var(--el-color-error)
        }

        .el-message-box__input div.invalid > input:focus {
            border-color: var(--el-color-error)
        }

        .el-message-box__status {
            font-size: 24px
        }

        .el-message-box__status.el-message-box-icon--success {
            --el-messagebox-color: var(--el-color-success);
            color: var(--el-messagebox-color)
        }

        .el-message-box__status.el-message-box-icon--info {
            --el-messagebox-color: var(--el-color-info);
            color: var(--el-messagebox-color)
        }

        .el-message-box__status.el-message-box-icon--warning {
            --el-messagebox-color: var(--el-color-warning);
            color: var(--el-messagebox-color)
        }

        .el-message-box__status.el-message-box-icon--error {
            --el-messagebox-color: var(--el-color-error);
            color: var(--el-messagebox-color)
        }

        .el-message-box__message {
            margin: 0
        }

        .el-message-box__message p {
            margin: 0;
            line-height: var(--el-messagebox-font-line-height)
        }

        .el-message-box__errormsg {
            color: var(--el-color-error);
            font-size: var(--el-messagebox-error-font-size);
            line-height: var(--el-messagebox-font-line-height)
        }

        .el-message-box__btns {
            display: flex;
            flex-wrap: wrap;
            justify-content: flex-end;
            align-items: center;
            padding-top: var(--el-messagebox-padding-primary)
        }

        .el-message-box--center .el-message-box__title {
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 6px
        }

        .el-message-box--center .el-message-box__status {
            font-size: inherit
        }

        .el-message-box--center .el-message-box__btns, .el-message-box--center .el-message-box__container {
            justify-content: center
        }

        .fade-in-linear-enter-active .el-overlay-message-box {
            animation: msgbox-fade-in var(--el-transition-duration)
        }

        .fade-in-linear-leave-active .el-overlay-message-box {
            animation: msgbox-fade-in var(--el-transition-duration) reverse
        }

        @keyframes msgbox-fade-in {
            0% {
                transform: translate3d(0, -20px, 0);
                opacity: 0
            }

            to {
                transform: translateZ(0);
                opacity: 1
            }
        }

        .el-message {
            --el-message-bg-color: var(--el-color-info-light-9);
            --el-message-border-color: var(--el-border-color-lighter);
            --el-message-padding: 11px 15px;
            --el-message-close-size: 16px;
            --el-message-close-icon-color: var(--el-text-color-placeholder);
            --el-message-close-hover-color: var(--el-text-color-secondary)
        }

        .el-message {
            width: fit-content;
            max-width: calc(100% - 32px);
            box-sizing: border-box;
            border-radius: var(--el-border-radius-base);
            border-width: var(--el-border-width);
            border-style: var(--el-border-style);
            border-color: var(--el-message-border-color);
            position: fixed;
            left: 50%;
            top: 20px;
            transform: translate(-50%);
            background-color: var(--el-message-bg-color);
            transition: opacity var(--el-transition-duration), transform .4s, top .4s;
            padding: var(--el-message-padding);
            display: flex;
            align-items: center;
            gap: 8px
        }

        .el-message.is-center {
            justify-content: center
        }

        .el-message.is-plain {
            background-color: var(--el-bg-color-overlay);
            border-color: var(--el-bg-color-overlay);
            box-shadow: var(--el-box-shadow-light)
        }

        .el-message p {
            margin: 0
        }

        .el-message--success {
            --el-message-bg-color: var(--el-color-success-light-9);
            --el-message-border-color: var(--el-color-success-light-8);
            --el-message-text-color: var(--el-color-success)
        }

        .el-message--success .el-message__content {
            color: var(--el-message-text-color);
            overflow-wrap: break-word
        }

        .el-message .el-message-icon--success {
            color: var(--el-message-text-color)
        }

        .el-message--info {
            --el-message-bg-color: var(--el-color-info-light-9);
            --el-message-border-color: var(--el-color-info-light-8);
            --el-message-text-color: var(--el-color-info)
        }

        .el-message--info .el-message__content {
            color: var(--el-message-text-color);
            overflow-wrap: break-word
        }

        .el-message .el-message-icon--info {
            color: var(--el-message-text-color)
        }

        .el-message--warning {
            --el-message-bg-color: var(--el-color-warning-light-9);
            --el-message-border-color: var(--el-color-warning-light-8);
            --el-message-text-color: var(--el-color-warning)
        }

        .el-message--warning .el-message__content {
            color: var(--el-message-text-color);
            overflow-wrap: break-word
        }

        .el-message .el-message-icon--warning {
            color: var(--el-message-text-color)
        }

        .el-message--error {
            --el-message-bg-color: var(--el-color-error-light-9);
            --el-message-border-color: var(--el-color-error-light-8);
            --el-message-text-color: var(--el-color-error)
        }

        .el-message--error .el-message__content {
            color: var(--el-message-text-color);
            overflow-wrap: break-word
        }

        .el-message .el-message-icon--error {
            color: var(--el-message-text-color)
        }

        .el-message .el-message__badge {
            position: absolute;
            top: -8px;
            right: -8px
        }

        .el-message__content {
            padding: 0;
            font-size: 14px;
            line-height: 1
        }

        .el-message__content:focus {
            outline-width: 0
        }

        .el-message .el-message__closeBtn {
            cursor: pointer;
            color: var(--el-message-close-icon-color);
            font-size: var(--el-message-close-size)
        }

        .el-message .el-message__closeBtn:focus {
            outline-width: 0
        }

        .el-message .el-message__closeBtn:hover {
            color: var(--el-message-close-hover-color)
        }

        .el-message-fade-enter-from, .el-message-fade-leave-to {
            opacity: 0;
            transform: translate(-50%, -100%)
        }

        .el-notification {
            --el-notification-width: 330px;
            --el-notification-padding: 14px 26px 14px 13px;
            --el-notification-radius: 8px;
            --el-notification-shadow: var(--el-box-shadow-light);
            --el-notification-border-color: var(--el-border-color-lighter);
            --el-notification-icon-size: 24px;
            --el-notification-close-font-size: var(--el-message-close-size, 16px);
            --el-notification-group-margin-left: 13px;
            --el-notification-group-margin-right: 8px;
            --el-notification-content-font-size: var(--el-font-size-base);
            --el-notification-content-color: var(--el-text-color-regular);
            --el-notification-title-font-size: 16px;
            --el-notification-title-color: var(--el-text-color-primary);
            --el-notification-close-color: var(--el-text-color-secondary);
            --el-notification-close-hover-color: var(--el-text-color-regular)
        }

        .el-notification {
            display: flex;
            width: var(--el-notification-width);
            padding: var(--el-notification-padding);
            border-radius: var(--el-notification-radius);
            box-sizing: border-box;
            border: 1px solid var(--el-notification-border-color);
            position: fixed;
            background-color: var(--el-bg-color-overlay);
            box-shadow: var(--el-notification-shadow);
            transition: opacity var(--el-transition-duration), transform var(--el-transition-duration), left var(--el-transition-duration), right var(--el-transition-duration), top .4s, bottom var(--el-transition-duration);
            overflow-wrap: break-word;
            overflow: hidden;
            z-index: 9999
        }

        .el-notification.right {
            right: 16px
        }

        .el-notification.left {
            left: 16px
        }

        .el-notification__group {
            margin-left: var(--el-notification-group-margin-left);
            margin-right: var(--el-notification-group-margin-right)
        }

        .el-notification__title {
            font-weight: 700;
            font-size: var(--el-notification-title-font-size);
            line-height: var(--el-notification-icon-size);
            color: var(--el-notification-title-color);
            margin: 0
        }

        .el-notification__content {
            font-size: var(--el-notification-content-font-size);
            line-height: 24px;
            margin: 6px 0 0;
            color: var(--el-notification-content-color)
        }

        .el-notification__content p {
            margin: 0
        }

        .el-notification .el-notification__icon {
            height: var(--el-notification-icon-size);
            width: var(--el-notification-icon-size);
            font-size: var(--el-notification-icon-size)
        }

        .el-notification .el-notification__closeBtn {
            position: absolute;
            top: 18px;
            right: 15px;
            cursor: pointer;
            color: var(--el-notification-close-color);
            font-size: var(--el-notification-close-font-size)
        }

        .el-notification .el-notification__closeBtn:hover {
            color: var(--el-notification-close-hover-color)
        }

        .el-notification .el-notification--success {
            --el-notification-icon-color: var(--el-color-success);
            color: var(--el-notification-icon-color)
        }

        .el-notification .el-notification--info {
            --el-notification-icon-color: var(--el-color-info);
            color: var(--el-notification-icon-color)
        }

        .el-notification .el-notification--warning {
            --el-notification-icon-color: var(--el-color-warning);
            color: var(--el-notification-icon-color)
        }

        .el-notification .el-notification--error {
            --el-notification-icon-color: var(--el-color-error);
            color: var(--el-notification-icon-color)
        }

        .el-notification-fade-enter-from.right {
            right: 0;
            transform: translate(100%)
        }

        .el-notification-fade-enter-from.left {
            left: 0;
            transform: translate(-100%)
        }

        .el-notification-fade-leave-to {
            opacity: 0
        }

        .el-overlay {
            position: fixed;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            z-index: 2000;
            height: 100%;
            background-color: var(--el-overlay-color-lighter);
            overflow: auto
        }

        .el-overlay .el-overlay-root {
            height: 0
        }

        .el-page-header.is-contentful .el-page-header__main {
            border-top: 1px solid var(--el-border-color-light);
            margin-top: 16px
        }

        .el-page-header__header {
            display: flex;
            align-items: center;
            justify-content: space-between;
            line-height: 24px
        }

        .el-page-header__left {
            display: flex;
            align-items: center;
            margin-right: 40px;
            position: relative
        }

        .el-page-header__back {
            display: flex;
            align-items: center;
            cursor: pointer
        }

        .el-page-header__left .el-divider--vertical {
            margin: 0 16px
        }

        .el-page-header__icon {
            font-size: 16px;
            margin-right: 10px;
            display: flex;
            align-items: center
        }

        .el-page-header__icon .el-icon {
            font-size: inherit
        }

        .el-page-header__title {
            font-size: 14px;
            font-weight: 500
        }

        .el-page-header__content {
            font-size: 18px;
            color: var(--el-text-color-primary)
        }

        .el-page-header__breadcrumb {
            margin-bottom: 16px
        }

        .el-pagination {
            --el-pagination-font-size: 14px;
            --el-pagination-bg-color: var(--el-fill-color-blank);
            --el-pagination-text-color: var(--el-text-color-primary);
            --el-pagination-border-radius: 2px;
            --el-pagination-button-color: var(--el-text-color-primary);
            --el-pagination-button-width: 32px;
            --el-pagination-button-height: 32px;
            --el-pagination-button-disabled-color: var(--el-text-color-placeholder);
            --el-pagination-button-disabled-bg-color: var(--el-fill-color-blank);
            --el-pagination-button-bg-color: var(--el-fill-color);
            --el-pagination-hover-color: var(--el-color-primary);
            --el-pagination-font-size-small: 12px;
            --el-pagination-button-width-small: 24px;
            --el-pagination-button-height-small: 24px;
            --el-pagination-item-gap: 16px;
            white-space: nowrap;
            color: var(--el-pagination-text-color);
            font-size: var(--el-pagination-font-size);
            font-weight: 400;
            display: flex;
            align-items: center
        }

        .el-pagination .el-input__inner {
            text-align: center;
            -moz-appearance: textfield
        }

        .el-pagination .el-select {
            width: 128px
        }

        .el-pagination button {
            display: flex;
            justify-content: center;
            align-items: center;
            font-size: var(--el-pagination-font-size);
            min-width: var(--el-pagination-button-width);
            height: var(--el-pagination-button-height);
            line-height: var(--el-pagination-button-height);
            color: var(--el-pagination-button-color);
            background: var(--el-pagination-bg-color);
            padding: 0 4px;
            border: none;
            border-radius: var(--el-pagination-border-radius);
            cursor: pointer;
            text-align: center;
            box-sizing: border-box
        }

        .el-pagination button * {
            pointer-events: none
        }

        .el-pagination button:focus {
            outline: none
        }

        .el-pagination button:hover {
            color: var(--el-pagination-hover-color)
        }

        .el-pagination button.is-active {
            color: var(--el-pagination-hover-color);
            cursor: default;
            font-weight: 700
        }

        .el-pagination button.is-active.is-disabled {
            font-weight: 700;
            color: var(--el-text-color-secondary)
        }

        .el-pagination button:disabled, .el-pagination button.is-disabled {
            color: var(--el-pagination-button-disabled-color);
            background-color: var(--el-pagination-button-disabled-bg-color);
            cursor: not-allowed
        }

        .el-pagination button:focus-visible {
            outline: 1px solid var(--el-pagination-hover-color);
            outline-offset: -1px
        }

        .el-pagination .btn-prev .el-icon, .el-pagination .btn-next .el-icon {
            display: block;
            font-size: 12px;
            font-weight: 700;
            width: inherit
        }

        .el-pagination > *.is-first {
            margin-left: 0 !important
        }

        .el-pagination > *.is-last {
            margin-right: 0 !important
        }

        .el-pagination .btn-prev {
            margin-left: var(--el-pagination-item-gap)
        }

        .el-pagination__sizes, .el-pagination__total {
            margin-left: var(--el-pagination-item-gap);
            font-weight: 400;
            color: var(--el-text-color-regular)
        }

        .el-pagination__total[disabled=true] {
            color: var(--el-text-color-placeholder)
        }

        .el-pagination__jump {
            display: flex;
            align-items: center;
            margin-left: var(--el-pagination-item-gap);
            font-weight: 400;
            color: var(--el-text-color-regular)
        }

        .el-pagination__jump[disabled=true] {
            color: var(--el-text-color-placeholder)
        }

        .el-pagination__goto {
            margin-right: 8px
        }

        .el-pagination__editor {
            text-align: center;
            box-sizing: border-box
        }

        .el-pagination__editor.el-input {
            width: 56px
        }

        .el-pagination__editor .el-input__inner::-webkit-inner-spin-button, .el-pagination__editor .el-input__inner::-webkit-outer-spin-button {
            -webkit-appearance: none;
            margin: 0
        }

        .el-pagination__classifier {
            margin-left: 8px
        }

        .el-pagination__rightwrapper {
            flex: 1;
            display: flex;
            align-items: center;
            justify-content: flex-end
        }

        .el-pagination.is-background .btn-prev, .el-pagination.is-background .btn-next, .el-pagination.is-background .el-pager li {
            margin: 0 4px;
            background-color: var(--el-pagination-button-bg-color)
        }

        .el-pagination.is-background .btn-prev.is-active, .el-pagination.is-background .btn-next.is-active, .el-pagination.is-background .el-pager li.is-active {
            background-color: var(--el-color-primary);
            color: var(--el-color-white)
        }

        .el-pagination.is-background .btn-prev:disabled, .el-pagination.is-background .btn-prev.is-disabled, .el-pagination.is-background .btn-next:disabled, .el-pagination.is-background .btn-next.is-disabled, .el-pagination.is-background .el-pager li:disabled, .el-pagination.is-background .el-pager li.is-disabled {
            color: var(--el-text-color-placeholder);
            background-color: var(--el-disabled-bg-color)
        }

        .el-pagination.is-background .btn-prev:disabled.is-active, .el-pagination.is-background .btn-prev.is-disabled.is-active, .el-pagination.is-background .btn-next:disabled.is-active, .el-pagination.is-background .btn-next.is-disabled.is-active, .el-pagination.is-background .el-pager li:disabled.is-active, .el-pagination.is-background .el-pager li.is-disabled.is-active {
            color: var(--el-text-color-secondary);
            background-color: var(--el-fill-color-dark)
        }

        .el-pagination.is-background .btn-prev {
            margin-left: var(--el-pagination-item-gap)
        }

        .el-pagination--small .btn-prev, .el-pagination--small .btn-next, .el-pagination--small .el-pager li {
            height: var(--el-pagination-button-height-small);
            line-height: var(--el-pagination-button-height-small);
            font-size: var(--el-pagination-font-size-small);
            min-width: var(--el-pagination-button-width-small)
        }

        .el-pagination--small span:not([class*=suffix]), .el-pagination--small button {
            font-size: var(--el-pagination-font-size-small)
        }

        .el-pagination--small .el-select {
            width: 100px
        }

        .el-pager {
            user-select: none;
            list-style: none;
            font-size: 0;
            padding: 0;
            margin: 0;
            display: flex;
            align-items: center
        }

        .el-pager li {
            display: flex;
            justify-content: center;
            align-items: center;
            font-size: var(--el-pagination-font-size);
            min-width: var(--el-pagination-button-width);
            height: var(--el-pagination-button-height);
            line-height: var(--el-pagination-button-height);
            color: var(--el-pagination-button-color);
            background: var(--el-pagination-bg-color);
            padding: 0 4px;
            border: none;
            border-radius: var(--el-pagination-border-radius);
            cursor: pointer;
            text-align: center;
            box-sizing: border-box
        }

        .el-pager li * {
            pointer-events: none
        }

        .el-pager li:focus {
            outline: none
        }

        .el-pager li:hover {
            color: var(--el-pagination-hover-color)
        }

        .el-pager li.is-active {
            color: var(--el-pagination-hover-color);
            cursor: default;
            font-weight: 700
        }

        .el-pager li.is-active.is-disabled {
            font-weight: 700;
            color: var(--el-text-color-secondary)
        }

        .el-pager li:disabled, .el-pager li.is-disabled {
            color: var(--el-pagination-button-disabled-color);
            background-color: var(--el-pagination-button-disabled-bg-color);
            cursor: not-allowed
        }

        .el-pager li:focus-visible {
            outline: 1px solid var(--el-pagination-hover-color);
            outline-offset: -1px
        }

        .el-popconfirm__main {
            display: flex;
            align-items: center
        }

        .el-popconfirm__icon {
            margin-right: 5px
        }

        .el-popconfirm__action {
            text-align: right;
            margin-top: 8px
        }

        .el-popover {
            --el-popover-bg-color: var(--el-bg-color-overlay);
            --el-popover-font-size: var(--el-font-size-base);
            --el-popover-border-color: var(--el-border-color-lighter);
            --el-popover-padding: 12px;
            --el-popover-padding-large: 18px 20px;
            --el-popover-title-font-size: 16px;
            --el-popover-title-text-color: var(--el-text-color-primary);
            --el-popover-border-radius: 4px
        }

        .el-popover.el-popper {
            background: var(--el-popover-bg-color);
            min-width: 150px;
            border-radius: var(--el-popover-border-radius);
            border: 1px solid var(--el-popover-border-color);
            padding: var(--el-popover-padding);
            z-index: var(--el-index-popper);
            color: var(--el-text-color-regular);
            line-height: 1.4;
            font-size: var(--el-popover-font-size);
            box-shadow: var(--el-box-shadow-light);
            overflow-wrap: break-word;
            box-sizing: border-box
        }

        .el-popover.el-popper--plain {
            padding: var(--el-popover-padding-large)
        }

        .el-popover__title {
            color: var(--el-popover-title-text-color);
            font-size: var(--el-popover-title-font-size);
            line-height: 1;
            margin-bottom: 12px
        }

        .el-popover__reference:focus:not(.focusing), .el-popover__reference:focus:hover {
            outline-width: 0
        }

        .el-popover.el-popper.is-dark {
            --el-popover-bg-color: var(--el-text-color-primary);
            --el-popover-border-color: var(--el-text-color-primary);
            --el-popover-title-text-color: var(--el-bg-color);
            color: var(--el-bg-color)
        }

        .el-popover.el-popper:focus:active, .el-popover.el-popper:focus {
            outline-width: 0
        }

        .el-progress {
            position: relative;
            line-height: 1;
            display: flex;
            align-items: center
        }

        .el-progress__text {
            font-size: 14px;
            color: var(--el-text-color-regular);
            margin-left: 5px;
            min-width: 50px;
            line-height: 1
        }

        .el-progress__text i {
            vertical-align: middle;
            display: block
        }

        .el-progress--circle, .el-progress--dashboard {
            display: inline-block
        }

        .el-progress--circle .el-progress__text, .el-progress--dashboard .el-progress__text {
            position: absolute;
            top: 50%;
            left: 0;
            width: 100%;
            text-align: center;
            margin: 0;
            transform: translateY(-50%)
        }

        .el-progress--circle .el-progress__text i, .el-progress--dashboard .el-progress__text i {
            vertical-align: middle;
            display: inline-block
        }

        .el-progress--without-text .el-progress__text {
            display: none
        }

        .el-progress--without-text .el-progress-bar {
            padding-right: 0;
            margin-right: 0;
            display: block
        }

        .el-progress--text-inside .el-progress-bar {
            padding-right: 0;
            margin-right: 0
        }

        .el-progress.is-success .el-progress-bar__inner {
            background-color: var(--el-color-success)
        }

        .el-progress.is-success .el-progress__text {
            color: var(--el-color-success)
        }

        .el-progress.is-warning .el-progress-bar__inner {
            background-color: var(--el-color-warning)
        }

        .el-progress.is-warning .el-progress__text {
            color: var(--el-color-warning)
        }

        .el-progress.is-exception .el-progress-bar__inner {
            background-color: var(--el-color-danger)
        }

        .el-progress.is-exception .el-progress__text {
            color: var(--el-color-danger)
        }

        .el-progress-bar {
            flex-grow: 1;
            box-sizing: border-box
        }

        .el-progress-bar__outer {
            height: 6px;
            border-radius: 100px;
            background-color: var(--el-border-color-lighter);
            overflow: hidden;
            position: relative;
            vertical-align: middle
        }

        .el-progress-bar__inner {
            position: absolute;
            left: 0;
            top: 0;
            height: 100%;
            background-color: var(--el-color-primary);
            text-align: right;
            border-radius: 100px;
            line-height: 1;
            white-space: nowrap;
            transition: width .6s ease
        }

        .el-progress-bar__inner:after {
            display: inline-block;
            content: "";
            height: 100%;
            vertical-align: middle
        }

        .el-progress-bar__inner--indeterminate {
            transform: translateZ(0);
            animation: indeterminate 3s infinite
        }

        .el-progress-bar__inner--striped {
            background-image: linear-gradient(45deg, rgba(0, 0, 0, .1) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, .1) 50%, rgba(0, 0, 0, .1) 75%, transparent 75%, transparent);
            background-size: 1.25em 1.25em
        }

        .el-progress-bar__inner--striped.el-progress-bar__inner--striped-flow {
            animation: striped-flow 3s linear infinite
        }

        .el-progress-bar__innerText {
            display: inline-block;
            vertical-align: middle;
            color: #fff;
            font-size: 12px;
            margin: 0 5px
        }

        @keyframes progress {
            0% {
                background-position: 0 0
            }

            to {
                background-position: 32px 0
            }
        }

        @keyframes indeterminate {
            0% {
                left: -100%
            }

            to {
                left: 100%
            }
        }

        @keyframes striped-flow {
            0% {
                background-position: -100%
            }

            to {
                background-position: 100%
            }
        }

        .el-radio-button {
            --el-radio-button-checked-bg-color: var(--el-color-primary);
            --el-radio-button-checked-text-color: var(--el-color-white);
            --el-radio-button-checked-border-color: var(--el-color-primary);
            --el-radio-button-disabled-checked-fill: var(--el-border-color-extra-light)
        }

        .el-radio-button {
            position: relative;
            display: inline-block;
            outline: none
        }

        .el-radio-button__inner {
            display: inline-block;
            line-height: 1;
            white-space: nowrap;
            vertical-align: middle;
            background: var(--el-button-bg-color, var(--el-fill-color-blank));
            border: var(--el-border);
            font-weight: var(--el-button-font-weight, var(--el-font-weight-primary));
            border-left: 0;
            color: var(--el-button-text-color, var(--el-text-color-regular));
            -webkit-appearance: none;
            text-align: center;
            box-sizing: border-box;
            outline: none;
            margin: 0;
            position: relative;
            cursor: pointer;
            transition: var(--el-transition-all);
            user-select: none;
            padding: 8px 15px;
            font-size: var(--el-font-size-base);
            border-radius: 0
        }

        .el-radio-button__inner.is-round {
            padding: 8px 15px
        }

        .el-radio-button__inner:hover {
            color: var(--el-color-primary)
        }

        .el-radio-button__inner [class*=el-icon-] {
            line-height: .9
        }

        .el-radio-button__inner [class*=el-icon-] + span {
            margin-left: 5px
        }

        .el-radio-button:first-child .el-radio-button__inner {
            border-left: var(--el-border);
            border-radius: var(--el-border-radius-base) 0 0 var(--el-border-radius-base);
            box-shadow: none !important
        }

        .el-radio-button__original-radio {
            opacity: 0;
            outline: none;
            position: absolute;
            z-index: -1
        }

        .el-radio-button__original-radio:checked + .el-radio-button__inner {
            color: var(--el-radio-button-checked-text-color, var(--el-color-white));
            background-color: var(--el-radio-button-checked-bg-color, var(--el-color-primary));
            border-color: var(--el-radio-button-checked-border-color, var(--el-color-primary));
            box-shadow: -1px 0 0 0 var(--el-radio-button-checked-border-color, var(--el-color-primary))
        }

        .el-radio-button__original-radio:focus-visible + .el-radio-button__inner {
            border-left: var(--el-border);
            border-left-color: var(--el-radio-button-checked-border-color, var(--el-color-primary));
            outline: 2px solid var(--el-radio-button-checked-border-color);
            outline-offset: 1px;
            z-index: 2;
            border-radius: var(--el-border-radius-base);
            box-shadow: none
        }

        .el-radio-button__original-radio:disabled + .el-radio-button__inner {
            color: var(--el-disabled-text-color);
            cursor: not-allowed;
            background-image: none;
            background-color: var(--el-button-disabled-bg-color, var(--el-fill-color-blank));
            border-color: var(--el-button-disabled-border-color, var(--el-border-color-light));
            box-shadow: none
        }

        .el-radio-button__original-radio:disabled:checked + .el-radio-button__inner {
            background-color: var(--el-radio-button-disabled-checked-fill)
        }

        .el-radio-button:last-child .el-radio-button__inner {
            border-radius: 0 var(--el-border-radius-base) var(--el-border-radius-base) 0
        }

        .el-radio-button:first-child:last-child .el-radio-button__inner {
            border-radius: var(--el-border-radius-base)
        }

        .el-radio-button--large .el-radio-button__inner {
            padding: 12px 19px;
            font-size: var(--el-font-size-base);
            border-radius: 0
        }

        .el-radio-button--large .el-radio-button__inner.is-round {
            padding: 12px 19px
        }

        .el-radio-button--small .el-radio-button__inner {
            padding: 5px 11px;
            font-size: 12px;
            border-radius: 0
        }

        .el-radio-button--small .el-radio-button__inner.is-round {
            padding: 5px 11px
        }

        .el-radio-group {
            display: inline-flex;
            align-items: center;
            flex-wrap: wrap;
            font-size: 0
        }

        .el-radio {
            --el-radio-font-size: var(--el-font-size-base);
            --el-radio-text-color: var(--el-text-color-regular);
            --el-radio-font-weight: var(--el-font-weight-primary);
            --el-radio-input-height: 14px;
            --el-radio-input-width: 14px;
            --el-radio-input-border-radius: var(--el-border-radius-circle);
            --el-radio-input-bg-color: var(--el-fill-color-blank);
            --el-radio-input-border: var(--el-border);
            --el-radio-input-border-color: var(--el-border-color);
            --el-radio-input-border-color-hover: var(--el-color-primary)
        }

        .el-radio {
            color: var(--el-radio-text-color);
            font-weight: var(--el-radio-font-weight);
            position: relative;
            cursor: pointer;
            display: inline-flex;
            align-items: center;
            white-space: nowrap;
            outline: none;
            font-size: var(--el-font-size-base);
            user-select: none;
            margin-right: 32px;
            height: 32px
        }

        .el-radio.el-radio--large {
            height: 40px
        }

        .el-radio.el-radio--small {
            height: 24px
        }

        .el-radio.is-bordered {
            padding: 0 15px 0 9px;
            border-radius: var(--el-border-radius-base);
            border: var(--el-border);
            box-sizing: border-box
        }

        .el-radio.is-bordered.is-checked {
            border-color: var(--el-color-primary)
        }

        .el-radio.is-bordered.is-disabled {
            cursor: not-allowed;
            border-color: var(--el-border-color-lighter)
        }

        .el-radio.is-bordered.el-radio--large {
            padding: 0 19px 0 11px;
            border-radius: var(--el-border-radius-base)
        }

        .el-radio.is-bordered.el-radio--large .el-radio__label {
            font-size: var(--el-font-size-base)
        }

        .el-radio.is-bordered.el-radio--large .el-radio__inner {
            height: 14px;
            width: 14px
        }

        .el-radio.is-bordered.el-radio--small {
            padding: 0 11px 0 7px;
            border-radius: var(--el-border-radius-base)
        }

        .el-radio.is-bordered.el-radio--small .el-radio__label {
            font-size: 12px
        }

        .el-radio.is-bordered.el-radio--small .el-radio__inner {
            height: 12px;
            width: 12px
        }

        .el-radio:last-child {
            margin-right: 0
        }

        .el-radio__input {
            white-space: nowrap;
            cursor: pointer;
            outline: none;
            display: inline-flex;
            position: relative;
            vertical-align: middle
        }

        .el-radio__input.is-disabled .el-radio__inner {
            background-color: var(--el-disabled-bg-color);
            border-color: var(--el-disabled-border-color);
            cursor: not-allowed
        }

        .el-radio__input.is-disabled .el-radio__inner:after {
            cursor: not-allowed;
            background-color: var(--el-disabled-bg-color)
        }

        .el-radio__input.is-disabled .el-radio__inner + .el-radio__label {
            cursor: not-allowed
        }

        .el-radio__input.is-disabled.is-checked .el-radio__inner {
            background-color: var(--el-disabled-bg-color);
            border-color: var(--el-disabled-border-color)
        }

        .el-radio__input.is-disabled.is-checked .el-radio__inner:after {
            background-color: var(--el-text-color-placeholder)
        }

        .el-radio__input.is-disabled + span.el-radio__label {
            color: var(--el-text-color-placeholder);
            cursor: not-allowed
        }

        .el-radio__input.is-checked .el-radio__inner {
            border-color: var(--el-color-primary);
            background: var(--el-color-primary)
        }

        .el-radio__input.is-checked .el-radio__inner:after {
            transform: translate(-50%, -50%) scale(1)
        }

        .el-radio__input.is-checked + .el-radio__label {
            color: var(--el-color-primary)
        }

        .el-radio__input.is-focus .el-radio__inner {
            border-color: var(--el-radio-input-border-color-hover)
        }

        .el-radio__inner {
            border: var(--el-radio-input-border);
            border-radius: var(--el-radio-input-border-radius);
            width: var(--el-radio-input-width);
            height: var(--el-radio-input-height);
            background-color: var(--el-radio-input-bg-color);
            position: relative;
            cursor: pointer;
            display: inline-block;
            box-sizing: border-box
        }

        .el-radio__inner:hover {
            border-color: var(--el-radio-input-border-color-hover)
        }

        .el-radio__inner:after {
            width: 4px;
            height: 4px;
            border-radius: var(--el-radio-input-border-radius);
            background-color: var(--el-color-white);
            content: "";
            position: absolute;
            left: 50%;
            top: 50%;
            transform: translate(-50%, -50%) scale(0);
            transition: transform .15s ease-in
        }

        .el-radio__original {
            opacity: 0;
            outline: none;
            position: absolute;
            z-index: -1;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            margin: 0
        }

        .el-radio__original:focus-visible + .el-radio__inner {
            outline: 2px solid var(--el-radio-input-border-color-hover);
            outline-offset: 1px;
            border-radius: var(--el-radio-input-border-radius)
        }

        .el-radio:focus:not(:focus-visible):not(.is-focus):not(:active):not(.is-disabled) .el-radio__inner {
            box-shadow: 0 0 2px 2px var(--el-radio-input-border-color-hover)
        }

        .el-radio__label {
            font-size: var(--el-radio-font-size);
            padding-left: 8px
        }

        .el-radio.el-radio--large .el-radio__label {
            font-size: 14px
        }

        .el-radio.el-radio--large .el-radio__inner {
            width: 14px;
            height: 14px
        }

        .el-radio.el-radio--small .el-radio__label {
            font-size: 12px
        }

        .el-radio.el-radio--small .el-radio__inner {
            width: 12px;
            height: 12px
        }

        .el-rate {
            --el-rate-height: 20px;
            --el-rate-font-size: var(--el-font-size-base);
            --el-rate-icon-size: 18px;
            --el-rate-icon-margin: 6px;
            --el-rate-void-color: var(--el-border-color-darker);
            --el-rate-fill-color: #f7ba2a;
            --el-rate-disabled-void-color: var(--el-fill-color);
            --el-rate-text-color: var(--el-text-color-primary)
        }

        .el-rate {
            display: inline-flex;
            align-items: center;
            height: 32px
        }

        .el-rate:focus, .el-rate:active {
            outline: none
        }

        .el-rate__item {
            cursor: pointer;
            display: inline-block;
            position: relative;
            font-size: 0;
            vertical-align: middle;
            color: var(--el-rate-void-color);
            line-height: normal
        }

        .el-rate .el-rate__icon {
            position: relative;
            display: inline-block;
            font-size: var(--el-rate-icon-size);
            margin-right: var(--el-rate-icon-margin);
            transition: var(--el-transition-duration)
        }

        .el-rate .el-rate__icon.hover {
            transform: scale(1.15)
        }

        .el-rate .el-rate__icon .path2 {
            position: absolute;
            left: 0;
            top: 0
        }

        .el-rate .el-rate__icon.is-active {
            color: var(--el-rate-fill-color)
        }

        .el-rate__decimal {
            position: absolute;
            top: 0;
            left: 0;
            display: inline-block;
            overflow: hidden;
            color: var(--el-rate-fill-color)
        }

        .el-rate__decimal--box {
            position: absolute;
            top: 0;
            left: 0
        }

        .el-rate__text {
            font-size: var(--el-rate-font-size);
            vertical-align: middle;
            color: var(--el-rate-text-color)
        }

        .el-rate--large {
            height: 40px
        }

        .el-rate--small {
            height: 24px
        }

        .el-rate--small .el-rate__icon {
            font-size: 14px
        }

        .el-rate.is-disabled .el-rate__item {
            cursor: auto;
            color: var(--el-rate-disabled-void-color)
        }

        .el-result {
            --el-result-padding: 40px 30px;
            --el-result-icon-font-size: 64px;
            --el-result-title-font-size: 20px;
            --el-result-title-margin-top: 20px;
            --el-result-subtitle-margin-top: 10px;
            --el-result-extra-margin-top: 30px
        }

        .el-result {
            display: flex;
            justify-content: center;
            align-items: center;
            flex-direction: column;
            text-align: center;
            box-sizing: border-box;
            padding: var(--el-result-padding)
        }

        .el-result__icon svg {
            width: var(--el-result-icon-font-size);
            height: var(--el-result-icon-font-size)
        }

        .el-result__title {
            margin-top: var(--el-result-title-margin-top)
        }

        .el-result__title p {
            margin: 0;
            font-size: var(--el-result-title-font-size);
            color: var(--el-text-color-primary);
            line-height: 1.3
        }

        .el-result__subtitle {
            margin-top: var(--el-result-subtitle-margin-top)
        }

        .el-result__subtitle p {
            margin: 0;
            font-size: var(--el-font-size-base);
            color: var(--el-text-color-regular);
            line-height: 1.3
        }

        .el-result__extra {
            margin-top: var(--el-result-extra-margin-top)
        }

        .el-result .icon-primary {
            --el-result-color: var(--el-color-primary);
            color: var(--el-result-color)
        }

        .el-result .icon-success {
            --el-result-color: var(--el-color-success);
            color: var(--el-result-color)
        }

        .el-result .icon-warning {
            --el-result-color: var(--el-color-warning);
            color: var(--el-result-color)
        }

        .el-result .icon-danger {
            --el-result-color: var(--el-color-danger);
            color: var(--el-result-color)
        }

        .el-result .icon-error {
            --el-result-color: var(--el-color-error);
            color: var(--el-result-color)
        }

        .el-result .icon-info {
            --el-result-color: var(--el-color-info);
            color: var(--el-result-color)
        }

        .el-row {
            display: flex;
            flex-wrap: wrap;
            position: relative;
            box-sizing: border-box
        }

        .el-row.is-justify-center {
            justify-content: center
        }

        .el-row.is-justify-end {
            justify-content: flex-end
        }

        .el-row.is-justify-space-between {
            justify-content: space-between
        }

        .el-row.is-justify-space-around {
            justify-content: space-around
        }

        .el-row.is-justify-space-evenly {
            justify-content: space-evenly
        }

        .el-row.is-align-top {
            align-items: flex-start
        }

        .el-row.is-align-middle {
            align-items: center
        }

        .el-row.is-align-bottom {
            align-items: flex-end
        }

        .el-scrollbar {
            --el-scrollbar-opacity: .3;
            --el-scrollbar-bg-color: var(--el-text-color-secondary);
            --el-scrollbar-hover-opacity: .5;
            --el-scrollbar-hover-bg-color: var(--el-text-color-secondary)
        }

        .el-scrollbar {
            overflow: hidden;
            position: relative;
            height: 100%
        }

        .el-scrollbar__wrap {
            overflow: auto;
            height: 100%
        }

        .el-scrollbar__wrap--hidden-default {
            scrollbar-width: none
        }

        .el-scrollbar__wrap--hidden-default::-webkit-scrollbar {
            display: none
        }

        .el-scrollbar__thumb {
            position: relative;
            display: block;
            width: 0;
            height: 0;
            cursor: pointer;
            border-radius: inherit;
            background-color: var(--el-scrollbar-bg-color, var(--el-text-color-secondary));
            transition: var(--el-transition-duration) background-color;
            opacity: var(--el-scrollbar-opacity, .3)
        }

        .el-scrollbar__thumb:hover {
            background-color: var(--el-scrollbar-hover-bg-color, var(--el-text-color-secondary));
            opacity: var(--el-scrollbar-hover-opacity, .5)
        }

        .el-scrollbar__bar {
            position: absolute;
            right: 2px;
            bottom: 2px;
            z-index: 1;
            border-radius: 4px
        }

        .el-scrollbar__bar.is-vertical {
            width: 6px;
            top: 2px
        }

        .el-scrollbar__bar.is-vertical > div {
            width: 100%
        }

        .el-scrollbar__bar.is-horizontal {
            height: 6px;
            left: 2px
        }

        .el-scrollbar__bar.is-horizontal > div {
            height: 100%
        }

        .el-scrollbar-fade-enter-active {
            transition: opacity .34s ease-out
        }

        .el-scrollbar-fade-leave-active {
            transition: opacity .12s ease-out
        }

        .el-scrollbar-fade-enter-from, .el-scrollbar-fade-leave-active {
            opacity: 0
        }

        .el-select-dropdown {
            z-index: calc(var(--el-index-top) + 1);
            border-radius: var(--el-border-radius-base);
            box-sizing: border-box
        }

        .el-select-dropdown .el-scrollbar.is-empty .el-select-dropdown__list {
            padding: 0
        }

        .el-select-dropdown__loading, .el-select-dropdown__empty {
            padding: 10px 0;
            margin: 0;
            text-align: center;
            color: var(--el-text-color-secondary);
            font-size: var(--el-select-font-size)
        }

        .el-select-dropdown__wrap {
            max-height: 274px
        }

        .el-select-dropdown__list {
            list-style: none;
            padding: 6px 0;
            margin: 0;
            box-sizing: border-box
        }

        .el-select-dropdown__list.el-vl__window {
            margin: 6px 0;
            padding: 0
        }

        .el-select-dropdown__header {
            padding: 10px;
            border-bottom: 1px solid var(--el-border-color-light)
        }

        .el-select-dropdown__footer {
            padding: 10px;
            border-top: 1px solid var(--el-border-color-light)
        }

        .el-select-dropdown__item {
            font-size: var(--el-font-size-base);
            padding: 0 32px 0 20px;
            position: relative;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            color: var(--el-text-color-regular);
            height: 34px;
            line-height: 34px;
            box-sizing: border-box;
            cursor: pointer
        }

        .el-select-dropdown__item.is-hovering {
            background-color: var(--el-fill-color-light)
        }

        .el-select-dropdown__item.is-selected {
            color: var(--el-color-primary);
            font-weight: 700
        }

        .el-select-dropdown__item.is-disabled {
            color: var(--el-text-color-placeholder);
            cursor: not-allowed;
            background-color: unset
        }

        .el-select-dropdown.is-multiple .el-select-dropdown__item.is-selected:after {
            content: "";
            position: absolute;
            top: 50%;
            right: 20px;
            border-top: none;
            border-right: none;
            background-repeat: no-repeat;
            background-position: center;
            background-color: var(--el-color-primary);
            mask: url("data:image/svg+xml;utf8,%3Csvg class='icon' width='200' height='200' viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='currentColor' d='M406.656 706.944L195.84 496.256a32 32 0 10-45.248 45.248l256 256 512-512a32 32 0 00-45.248-45.248L406.592 706.944z'%3E%3C/path%3E%3C/svg%3E") no-repeat;
            mask-size: 100% 100%;
            -webkit-mask: url("data:image/svg+xml;utf8,%3Csvg class='icon' width='200' height='200' viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='currentColor' d='M406.656 706.944L195.84 496.256a32 32 0 10-45.248 45.248l256 256 512-512a32 32 0 00-45.248-45.248L406.592 706.944z'%3E%3C/path%3E%3C/svg%3E") no-repeat;
            -webkit-mask-size: 100% 100%;
            transform: translateY(-50%);
            width: 12px;
            height: 12px
        }

        .el-select-dropdown.is-multiple .el-select-dropdown__item.is-disabled:after {
            background-color: var(--el-text-color-placeholder)
        }

        .el-select-group {
            margin: 0;
            padding: 0
        }

        .el-select-group__wrap {
            position: relative;
            list-style: none;
            margin: 0;
            padding: 0
        }

        .el-select-group__wrap:not(:last-of-type) {
            padding-bottom: 24px
        }

        .el-select-group__wrap:not(:last-of-type):after {
            content: "";
            position: absolute;
            display: block;
            left: 20px;
            right: 20px;
            bottom: 12px;
            height: 1px;
            background: var(--el-border-color-light)
        }

        .el-select-group__split-dash {
            position: absolute;
            left: 20px;
            right: 20px;
            height: 1px;
            background: var(--el-border-color-light)
        }

        .el-select-group__title {
            padding-left: 20px;
            font-size: 12px;
            color: var(--el-color-info);
            line-height: 30px
        }

        .el-select-group .el-select-dropdown__item {
            padding-left: 20px
        }

        .el-select {
            --el-select-border-color-hover: var(--el-border-color-hover);
            --el-select-disabled-color: var(--el-disabled-text-color);
            --el-select-disabled-border: var(--el-disabled-border-color);
            --el-select-font-size: var(--el-font-size-base);
            --el-select-close-hover-color: var(--el-text-color-secondary);
            --el-select-input-color: var(--el-text-color-placeholder);
            --el-select-multiple-input-color: var(--el-text-color-regular);
            --el-select-input-focus-border-color: var(--el-color-primary);
            --el-select-input-font-size: 14px;
            --el-select-width: 100%
        }

        .el-select {
            display: inline-block;
            position: relative;
            vertical-align: middle;
            width: var(--el-select-width)
        }

        .el-select__wrapper {
            display: flex;
            align-items: center;
            position: relative;
            box-sizing: border-box;
            cursor: pointer;
            text-align: left;
            font-size: 14px;
            padding: 4px 12px;
            gap: 6px;
            min-height: 32px;
            line-height: 24px;
            border-radius: var(--el-border-radius-base);
            background-color: var(--el-fill-color-blank);
            transition: var(--el-transition-duration);
            box-shadow: 0 0 0 1px var(--el-border-color) inset
        }

        .el-select__wrapper:hover {
            box-shadow: 0 0 0 1px var(--el-text-color) inset
        }

        .el-select__wrapper.is-filterable {
            cursor: text
        }

        .el-select__wrapper.is-focused {
            box-shadow: 0 0 0 1px var(--el-color-primary) inset
        }

        .el-select__wrapper.is-hovering:not(.is-focused) {
            box-shadow: 0 0 0 1px var(--el-border-color-hover) inset
        }

        .el-select__wrapper.is-disabled {
            cursor: not-allowed;
            background-color: var(--el-fill-color-light);
            color: var(--el-text-color-placeholder);
            box-shadow: 0 0 0 1px var(--el-select-disabled-border) inset
        }

        .el-select__wrapper.is-disabled:hover {
            box-shadow: 0 0 0 1px var(--el-select-disabled-border) inset
        }

        .el-select__wrapper.is-disabled.is-focus {
            box-shadow: 0 0 0 1px var(--el-input-focus-border-color) inset
        }

        .el-select__wrapper.is-disabled .el-select__selected-item {
            color: var(--el-select-disabled-color)
        }

        .el-select__wrapper.is-disabled .el-select__caret, .el-select__wrapper.is-disabled .el-tag {
            cursor: not-allowed
        }

        .el-select__prefix, .el-select__suffix {
            display: flex;
            align-items: center;
            flex-shrink: 0;
            gap: 6px;
            color: var(--el-input-icon-color, var(--el-text-color-placeholder))
        }

        .el-select__caret {
            color: var(--el-select-input-color);
            font-size: var(--el-select-input-font-size);
            transition: var(--el-transition-duration);
            transform: rotate(0);
            cursor: pointer
        }

        .el-select__caret.is-reverse {
            transform: rotate(180deg)
        }

        .el-select__selection {
            position: relative;
            display: flex;
            flex-wrap: wrap;
            align-items: center;
            flex: 1;
            min-width: 0;
            gap: 6px
        }

        .el-select__selection.is-near {
            margin-left: -8px
        }

        .el-select__selection .el-tag {
            cursor: pointer;
            border-color: transparent
        }

        .el-select__selection .el-tag .el-tag__content {
            min-width: 0
        }

        .el-select__selected-item {
            display: flex;
            flex-wrap: wrap;
            user-select: none
        }

        .el-select__tags-text {
            display: block;
            line-height: normal;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap
        }

        .el-select__placeholder {
            position: absolute;
            display: block;
            top: 50%;
            transform: translateY(-50%);
            width: 100%;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            color: var(--el-input-text-color, var(--el-text-color-regular))
        }

        .el-select__placeholder.is-transparent {
            user-select: none;
            color: var(--el-text-color-placeholder)
        }

        .el-select__popper.el-popper {
            background: var(--el-bg-color-overlay);
            border: 1px solid var(--el-border-color-light);
            box-shadow: var(--el-box-shadow-light)
        }

        .el-select__popper.el-popper .el-popper__arrow:before {
            border: 1px solid var(--el-border-color-light)
        }

        .el-select__popper.el-popper[data-popper-placement^=top] .el-popper__arrow:before {
            border-top-color: transparent;
            border-left-color: transparent
        }

        .el-select__popper.el-popper[data-popper-placement^=bottom] .el-popper__arrow:before {
            border-bottom-color: transparent;
            border-right-color: transparent
        }

        .el-select__popper.el-popper[data-popper-placement^=left] .el-popper__arrow:before {
            border-left-color: transparent;
            border-bottom-color: transparent
        }

        .el-select__popper.el-popper[data-popper-placement^=right] .el-popper__arrow:before {
            border-right-color: transparent;
            border-top-color: transparent
        }

        .el-select__input-wrapper {
            max-width: 100%
        }

        .el-select__input-wrapper.is-hidden {
            position: absolute;
            opacity: 0
        }

        .el-select__input {
            border: none;
            outline: none;
            padding: 0;
            color: var(--el-select-multiple-input-color);
            font-size: inherit;
            font-family: inherit;
            appearance: none;
            height: 24px;
            max-width: 100%;
            background-color: transparent
        }

        .el-select__input.is-disabled {
            cursor: not-allowed
        }

        .el-select__input-calculator {
            position: absolute;
            left: 0;
            top: 0;
            max-width: 100%;
            visibility: hidden;
            white-space: pre;
            overflow: hidden
        }

        .el-select--large .el-select__wrapper {
            gap: 6px;
            padding: 8px 16px;
            min-height: 40px;
            line-height: 24px;
            font-size: 14px
        }

        .el-select--large .el-select__selection {
            gap: 6px
        }

        .el-select--large .el-select__selection.is-near {
            margin-left: -8px
        }

        .el-select--large .el-select__prefix, .el-select--large .el-select__suffix {
            gap: 6px
        }

        .el-select--large .el-select__input {
            height: 24px
        }

        .el-select--small .el-select__wrapper {
            gap: 4px;
            padding: 2px 8px;
            min-height: 24px;
            line-height: 20px;
            font-size: 12px
        }

        .el-select--small .el-select__selection {
            gap: 4px
        }

        .el-select--small .el-select__selection.is-near {
            margin-left: -6px
        }

        .el-select--small .el-select__prefix, .el-select--small .el-select__suffix {
            gap: 4px
        }

        .el-select--small .el-select__input {
            height: 20px
        }

        .el-skeleton {
            --el-skeleton-circle-size: var(--el-avatar-size)
        }

        .el-skeleton__item {
            background: var(--el-skeleton-color);
            display: inline-block;
            height: 16px;
            border-radius: var(--el-border-radius-base);
            width: 100%
        }

        .el-skeleton__circle {
            border-radius: 50%;
            width: var(--el-skeleton-circle-size);
            height: var(--el-skeleton-circle-size);
            line-height: var(--el-skeleton-circle-size)
        }

        .el-skeleton__button {
            height: 40px;
            width: 64px;
            border-radius: 4px
        }

        .el-skeleton__p {
            width: 100%
        }

        .el-skeleton__p.is-last {
            width: 61%
        }

        .el-skeleton__p.is-first {
            width: 33%
        }

        .el-skeleton__text {
            width: 100%;
            height: var(--el-font-size-small)
        }

        .el-skeleton__caption {
            height: var(--el-font-size-extra-small)
        }

        .el-skeleton__h1 {
            height: var(--el-font-size-extra-large)
        }

        .el-skeleton__h3 {
            height: var(--el-font-size-large)
        }

        .el-skeleton__h5 {
            height: var(--el-font-size-medium)
        }

        .el-skeleton__image {
            width: unset;
            display: flex;
            align-items: center;
            justify-content: center;
            border-radius: 0
        }

        .el-skeleton__image svg {
            color: var(--el-svg-monochrome-grey);
            fill: currentColor;
            width: 22%;
            height: 22%
        }

        .el-skeleton {
            --el-skeleton-color: var(--el-fill-color);
            --el-skeleton-to-color: var(--el-fill-color-darker)
        }

        @keyframes el-skeleton-loading {
            0% {
                background-position: 100% 50%
            }

            to {
                background-position: 0 50%
            }
        }

        .el-skeleton {
            width: 100%
        }

        .el-skeleton__first-line, .el-skeleton__paragraph {
            height: 16px;
            margin-top: 16px;
            background: var(--el-skeleton-color)
        }

        .el-skeleton.is-animated .el-skeleton__item {
            background: linear-gradient(90deg, var(--el-skeleton-color) 25%, var(--el-skeleton-to-color) 37%, var(--el-skeleton-color) 63%);
            background-size: 400% 100%;
            animation: el-skeleton-loading 1.4s ease infinite
        }

        .el-slider {
            --el-slider-main-bg-color: var(--el-color-primary);
            --el-slider-runway-bg-color: var(--el-border-color-light);
            --el-slider-stop-bg-color: var(--el-color-white);
            --el-slider-disabled-color: var(--el-text-color-placeholder);
            --el-slider-border-radius: 3px;
            --el-slider-height: 6px;
            --el-slider-button-size: 20px;
            --el-slider-button-wrapper-size: 36px;
            --el-slider-button-wrapper-offset: -15px
        }

        .el-slider {
            width: 100%;
            height: 32px;
            display: flex;
            align-items: center
        }

        .el-slider__runway {
            flex: 1;
            height: var(--el-slider-height);
            background-color: var(--el-slider-runway-bg-color);
            border-radius: var(--el-slider-border-radius);
            position: relative;
            cursor: pointer
        }

        .el-slider__runway.show-input {
            margin-right: 30px;
            width: auto
        }

        .el-slider__runway.is-disabled {
            cursor: default
        }

        .el-slider__runway.is-disabled .el-slider__bar {
            background-color: var(--el-slider-disabled-color)
        }

        .el-slider__runway.is-disabled .el-slider__button {
            border-color: var(--el-slider-disabled-color)
        }

        .el-slider__runway.is-disabled .el-slider__button-wrapper:hover, .el-slider__runway.is-disabled .el-slider__button-wrapper.hover, .el-slider__runway.is-disabled .el-slider__button-wrapper.dragging {
            cursor: not-allowed
        }

        .el-slider__runway.is-disabled .el-slider__button:hover, .el-slider__runway.is-disabled .el-slider__button.hover, .el-slider__runway.is-disabled .el-slider__button.dragging {
            transform: scale(1)
        }

        .el-slider__runway.is-disabled .el-slider__button:hover, .el-slider__runway.is-disabled .el-slider__button.hover, .el-slider__runway.is-disabled .el-slider__button.dragging {
            cursor: not-allowed
        }

        .el-slider__input {
            flex-shrink: 0;
            width: 130px
        }

        .el-slider__bar {
            height: var(--el-slider-height);
            background-color: var(--el-slider-main-bg-color);
            border-top-left-radius: var(--el-slider-border-radius);
            border-bottom-left-radius: var(--el-slider-border-radius);
            position: absolute
        }

        .el-slider__button-wrapper {
            height: var(--el-slider-button-wrapper-size);
            width: var(--el-slider-button-wrapper-size);
            position: absolute;
            z-index: 1;
            top: var(--el-slider-button-wrapper-offset);
            transform: translate(-50%);
            background-color: transparent;
            text-align: center;
            user-select: none;
            line-height: normal;
            outline: none
        }

        .el-slider__button-wrapper:after {
            display: inline-block;
            content: "";
            height: 100%;
            vertical-align: middle
        }

        .el-slider__button-wrapper:hover, .el-slider__button-wrapper.hover {
            cursor: grab
        }

        .el-slider__button-wrapper.dragging {
            cursor: grabbing
        }

        .el-slider__button {
            display: inline-block;
            width: var(--el-slider-button-size);
            height: var(--el-slider-button-size);
            vertical-align: middle;
            border: solid 2px var(--el-slider-main-bg-color);
            background-color: var(--el-color-white);
            border-radius: 50%;
            box-sizing: border-box;
            transition: var(--el-transition-duration-fast);
            user-select: none
        }

        .el-slider__button:hover, .el-slider__button.hover, .el-slider__button.dragging {
            transform: scale(1.2)
        }

        .el-slider__button:hover, .el-slider__button.hover {
            cursor: grab
        }

        .el-slider__button.dragging {
            cursor: grabbing
        }

        .el-slider__stop {
            position: absolute;
            height: var(--el-slider-height);
            width: var(--el-slider-height);
            border-radius: var(--el-border-radius-circle);
            background-color: var(--el-slider-stop-bg-color);
            transform: translate(-50%)
        }

        .el-slider__marks {
            top: 0;
            left: 12px;
            width: 18px;
            height: 100%
        }

        .el-slider__marks-text {
            position: absolute;
            transform: translate(-50%);
            font-size: 14px;
            color: var(--el-color-info);
            margin-top: 15px;
            white-space: pre
        }

        .el-slider.is-vertical {
            position: relative;
            display: inline-flex;
            width: auto;
            height: 100%;
            flex: 0
        }

        .el-slider.is-vertical .el-slider__runway {
            width: var(--el-slider-height);
            height: 100%;
            margin: 0 16px
        }

        .el-slider.is-vertical .el-slider__bar {
            width: var(--el-slider-height);
            height: auto;
            border-radius: 0 0 3px 3px
        }

        .el-slider.is-vertical .el-slider__button-wrapper {
            top: auto;
            left: var(--el-slider-button-wrapper-offset);
            transform: translateY(50%)
        }

        .el-slider.is-vertical .el-slider__stop {
            transform: translateY(50%)
        }

        .el-slider.is-vertical .el-slider__marks-text {
            margin-top: 0;
            left: 15px;
            transform: translateY(50%)
        }

        .el-slider--large {
            height: 40px
        }

        .el-slider--small {
            height: 24px
        }

        .el-space {
            display: inline-flex;
            vertical-align: top
        }

        .el-space__item {
            display: flex;
            flex-wrap: wrap
        }

        .el-space__item > * {
            flex: 1
        }

        .el-space--vertical {
            flex-direction: column
        }

        .el-time-spinner {
            width: 100%;
            white-space: nowrap
        }

        .el-spinner {
            display: inline-block;
            vertical-align: middle
        }

        .el-spinner-inner {
            animation: rotate 2s linear infinite;
            width: 50px;
            height: 50px
        }

        .el-spinner-inner .path {
            stroke: var(--el-border-color-lighter);
            stroke-linecap: round;
            animation: dash 1.5s ease-in-out infinite
        }

        @keyframes rotate {
            to {
                transform: rotate(360deg)
            }
        }

        @keyframes dash {
            0% {
                stroke-dasharray: 1, 150;
                stroke-dashoffset: 0
            }

            50% {
                stroke-dasharray: 90, 150;
                stroke-dashoffset: -35
            }

            to {
                stroke-dasharray: 90, 150;
                stroke-dashoffset: -124
            }
        }

        .el-step {
            position: relative;
            flex-shrink: 1
        }

        .el-step:last-of-type .el-step__line {
            display: none
        }

        .el-step:last-of-type.is-flex {
            flex-basis: auto !important;
            flex-shrink: 0;
            flex-grow: 0
        }

        .el-step:last-of-type .el-step__main, .el-step:last-of-type .el-step__description {
            padding-right: 0
        }

        .el-step__head {
            position: relative;
            width: 100%
        }

        .el-step__head.is-process {
            color: var(--el-text-color-primary);
            border-color: var(--el-text-color-primary)
        }

        .el-step__head.is-wait {
            color: var(--el-text-color-placeholder);
            border-color: var(--el-text-color-placeholder)
        }

        .el-step__head.is-success {
            color: var(--el-color-success);
            border-color: var(--el-color-success)
        }

        .el-step__head.is-error {
            color: var(--el-color-danger);
            border-color: var(--el-color-danger)
        }

        .el-step__head.is-finish {
            color: var(--el-color-primary);
            border-color: var(--el-color-primary)
        }

        .el-step__icon {
            position: relative;
            z-index: 1;
            display: inline-flex;
            justify-content: center;
            align-items: center;
            width: 24px;
            height: 24px;
            font-size: 14px;
            box-sizing: border-box;
            background: var(--el-bg-color);
            transition: .15s ease-out
        }

        .el-step__icon.is-text {
            border-radius: 50%;
            border: 2px solid;
            border-color: inherit
        }

        .el-step__icon.is-icon {
            width: 40px
        }

        .el-step__icon-inner {
            display: inline-block;
            user-select: none;
            text-align: center;
            font-weight: 700;
            line-height: 1;
            color: inherit
        }

        .el-step__icon-inner[class*=el-icon]:not(.is-status) {
            font-size: 25px;
            font-weight: 400
        }

        .el-step__icon-inner.is-status {
            transform: translateY(1px)
        }

        .el-step__line {
            position: absolute;
            border-color: inherit;
            background-color: var(--el-text-color-placeholder)
        }

        .el-step__line-inner {
            display: block;
            border-width: 1px;
            border-style: solid;
            border-color: inherit;
            transition: .15s ease-out;
            box-sizing: border-box;
            width: 0;
            height: 0
        }

        .el-step__main {
            white-space: normal;
            text-align: left
        }

        .el-step__title {
            font-size: 16px;
            line-height: 38px
        }

        .el-step__title.is-process {
            font-weight: 700;
            color: var(--el-text-color-primary)
        }

        .el-step__title.is-wait {
            color: var(--el-text-color-placeholder)
        }

        .el-step__title.is-success {
            color: var(--el-color-success)
        }

        .el-step__title.is-error {
            color: var(--el-color-danger)
        }

        .el-step__title.is-finish {
            color: var(--el-color-primary)
        }

        .el-step__description {
            padding-right: 10%;
            margin-top: -5px;
            font-size: 12px;
            line-height: 20px;
            font-weight: 400
        }

        .el-step__description.is-process {
            color: var(--el-text-color-primary)
        }

        .el-step__description.is-wait {
            color: var(--el-text-color-placeholder)
        }

        .el-step__description.is-success {
            color: var(--el-color-success)
        }

        .el-step__description.is-error {
            color: var(--el-color-danger)
        }

        .el-step__description.is-finish {
            color: var(--el-color-primary)
        }

        .el-step.is-horizontal {
            display: inline-block
        }

        .el-step.is-horizontal .el-step__line {
            height: 2px;
            top: 11px;
            left: 0;
            right: 0
        }

        .el-step.is-vertical {
            display: flex
        }

        .el-step.is-vertical .el-step__head {
            flex-grow: 0;
            width: 24px
        }

        .el-step.is-vertical .el-step__main {
            padding-left: 10px;
            flex-grow: 1
        }

        .el-step.is-vertical .el-step__title {
            line-height: 24px;
            padding-bottom: 8px
        }

        .el-step.is-vertical .el-step__line {
            width: 2px;
            top: 0;
            bottom: 0;
            left: 11px
        }

        .el-step.is-vertical .el-step__icon.is-icon {
            width: 24px
        }

        .el-step.is-center .el-step__head, .el-step.is-center .el-step__main {
            text-align: center
        }

        .el-step.is-center .el-step__description {
            padding-left: 20%;
            padding-right: 20%
        }

        .el-step.is-center .el-step__line {
            left: 50%;
            right: -50%
        }

        .el-step.is-simple {
            display: flex;
            align-items: center
        }

        .el-step.is-simple .el-step__head {
            width: auto;
            font-size: 0;
            padding-right: 10px
        }

        .el-step.is-simple .el-step__icon {
            background: transparent;
            width: 16px;
            height: 16px;
            font-size: 12px
        }

        .el-step.is-simple .el-step__icon-inner[class*=el-icon]:not(.is-status) {
            font-size: 18px
        }

        .el-step.is-simple .el-step__icon-inner.is-status {
            transform: scale(.8) translateY(1px)
        }

        .el-step.is-simple .el-step__main {
            position: relative;
            display: flex;
            align-items: stretch;
            flex-grow: 1
        }

        .el-step.is-simple .el-step__title {
            font-size: 16px;
            line-height: 20px
        }

        .el-step.is-simple:not(:last-of-type) .el-step__title {
            max-width: 50%;
            overflow-wrap: break-word
        }

        .el-step.is-simple .el-step__arrow {
            flex-grow: 1;
            display: flex;
            align-items: center;
            justify-content: center
        }

        .el-step.is-simple .el-step__arrow:before, .el-step.is-simple .el-step__arrow:after {
            content: "";
            display: inline-block;
            position: absolute;
            height: 15px;
            width: 1px;
            background: var(--el-text-color-placeholder)
        }

        .el-step.is-simple .el-step__arrow:before {
            transform: rotate(-45deg) translateY(-4px);
            transform-origin: 0 0
        }

        .el-step.is-simple .el-step__arrow:after {
            transform: rotate(45deg) translateY(4px);
            transform-origin: 100% 100%
        }

        .el-step.is-simple:last-of-type .el-step__arrow {
            display: none
        }

        .el-steps {
            display: flex
        }

        .el-steps--simple {
            padding: 13px 8%;
            border-radius: 4px;
            background: var(--el-fill-color-light)
        }

        .el-steps--horizontal {
            white-space: nowrap
        }

        .el-steps--vertical {
            height: 100%;
            flex-flow: column
        }

        .el-switch {
            --el-switch-on-color: var(--el-color-primary);
            --el-switch-off-color: var(--el-border-color)
        }

        .el-switch {
            display: inline-flex;
            align-items: center;
            position: relative;
            font-size: 14px;
            line-height: 20px;
            height: 32px;
            vertical-align: middle
        }

        .el-switch.is-disabled .el-switch__core, .el-switch.is-disabled .el-switch__label {
            cursor: not-allowed
        }

        .el-switch__label {
            transition: var(--el-transition-duration-fast);
            height: 20px;
            display: inline-block;
            font-size: 14px;
            font-weight: 500;
            cursor: pointer;
            vertical-align: middle;
            color: var(--el-text-color-primary)
        }

        .el-switch__label.is-active {
            color: var(--el-color-primary)
        }

        .el-switch__label--left {
            margin-right: 10px
        }

        .el-switch__label--right {
            margin-left: 10px
        }

        .el-switch__label * {
            line-height: 1;
            font-size: 14px;
            display: inline-block
        }

        .el-switch__label .el-icon {
            height: inherit
        }

        .el-switch__label .el-icon svg {
            vertical-align: middle
        }

        .el-switch__input {
            position: absolute;
            width: 0;
            height: 0;
            opacity: 0;
            margin: 0
        }

        .el-switch__input:focus-visible ~ .el-switch__core {
            outline: 2px solid var(--el-switch-on-color);
            outline-offset: 1px
        }

        .el-switch__core {
            display: inline-flex;
            position: relative;
            align-items: center;
            min-width: 40px;
            height: 20px;
            border: 1px solid var(--el-switch-border-color, var(--el-switch-off-color));
            outline: none;
            border-radius: 10px;
            box-sizing: border-box;
            background: var(--el-switch-off-color);
            cursor: pointer;
            transition: border-color var(--el-transition-duration), background-color var(--el-transition-duration)
        }

        .el-switch__core .el-switch__inner {
            width: 100%;
            transition: all var(--el-transition-duration);
            height: 16px;
            display: flex;
            justify-content: center;
            align-items: center;
            overflow: hidden;
            padding: 0 4px 0 18px
        }

        .el-switch__core .el-switch__inner .is-icon, .el-switch__core .el-switch__inner .is-text {
            font-size: 12px;
            color: var(--el-color-white);
            user-select: none;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap
        }

        .el-switch__core .el-switch__action {
            position: absolute;
            left: 1px;
            border-radius: var(--el-border-radius-circle);
            transition: all var(--el-transition-duration);
            width: 16px;
            height: 16px;
            background-color: var(--el-color-white);
            display: flex;
            justify-content: center;
            align-items: center;
            color: var(--el-switch-off-color)
        }

        .el-switch.is-checked .el-switch__core {
            border-color: var(--el-switch-border-color, var(--el-switch-on-color));
            background-color: var(--el-switch-on-color)
        }

        .el-switch.is-checked .el-switch__core .el-switch__action {
            left: calc(100% - 17px);
            color: var(--el-switch-on-color)
        }

        .el-switch.is-checked .el-switch__core .el-switch__inner {
            padding: 0 18px 0 4px
        }

        .el-switch.is-disabled {
            opacity: .6
        }

        .el-switch--wide .el-switch__label.el-switch__label--left span {
            left: 10px
        }

        .el-switch--wide .el-switch__label.el-switch__label--right span {
            right: 10px
        }

        .el-switch .label-fade-enter-from, .el-switch .label-fade-leave-active {
            opacity: 0
        }

        .el-switch--large {
            font-size: 14px;
            line-height: 24px;
            height: 40px
        }

        .el-switch--large .el-switch__label {
            height: 24px;
            font-size: 14px
        }

        .el-switch--large .el-switch__label * {
            font-size: 14px
        }

        .el-switch--large .el-switch__core {
            min-width: 50px;
            height: 24px;
            border-radius: 12px
        }

        .el-switch--large .el-switch__core .el-switch__inner {
            height: 20px;
            padding: 0 6px 0 22px
        }

        .el-switch--large .el-switch__core .el-switch__action {
            width: 20px;
            height: 20px
        }

        .el-switch--large.is-checked .el-switch__core .el-switch__action {
            left: calc(100% - 21px)
        }

        .el-switch--large.is-checked .el-switch__core .el-switch__inner {
            padding: 0 22px 0 6px
        }

        .el-switch--small {
            font-size: 12px;
            line-height: 16px;
            height: 24px
        }

        .el-switch--small .el-switch__label {
            height: 16px;
            font-size: 12px
        }

        .el-switch--small .el-switch__label * {
            font-size: 12px
        }

        .el-switch--small .el-switch__core {
            min-width: 30px;
            height: 16px;
            border-radius: 8px
        }

        .el-switch--small .el-switch__core .el-switch__inner {
            height: 12px;
            padding: 0 2px 0 14px
        }

        .el-switch--small .el-switch__core .el-switch__action {
            width: 12px;
            height: 12px
        }

        .el-switch--small.is-checked .el-switch__core .el-switch__action {
            left: calc(100% - 13px)
        }

        .el-switch--small.is-checked .el-switch__core .el-switch__inner {
            padding: 0 14px 0 2px
        }

        .el-table-column--selection .cell {
            padding-left: 14px;
            padding-right: 14px
        }

        .el-table-filter {
            border: solid 1px var(--el-border-color-lighter);
            border-radius: 2px;
            background-color: #fff;
            box-shadow: var(--el-box-shadow-light);
            box-sizing: border-box
        }

        .el-table-filter__list {
            padding: 5px 0;
            margin: 0;
            list-style: none;
            min-width: 100px
        }

        .el-table-filter__list-item {
            line-height: 36px;
            padding: 0 10px;
            cursor: pointer;
            font-size: var(--el-font-size-base)
        }

        .el-table-filter__list-item:hover {
            background-color: var(--el-color-primary-light-9);
            color: var(--el-color-primary)
        }

        .el-table-filter__list-item.is-active {
            background-color: var(--el-color-primary);
            color: #fff
        }

        .el-table-filter__content {
            min-width: 100px
        }

        .el-table-filter__bottom {
            border-top: 1px solid var(--el-border-color-lighter);
            padding: 8px
        }

        .el-table-filter__bottom button {
            background: transparent;
            border: none;
            color: var(--el-text-color-regular);
            cursor: pointer;
            font-size: var(--el-font-size-small);
            padding: 0 3px
        }

        .el-table-filter__bottom button:hover {
            color: var(--el-color-primary)
        }

        .el-table-filter__bottom button:focus {
            outline: none
        }

        .el-table-filter__bottom button.is-disabled {
            color: var(--el-disabled-text-color);
            cursor: not-allowed
        }

        .el-table-filter__wrap {
            max-height: 280px
        }

        .el-table-filter__checkbox-group {
            padding: 10px
        }

        .el-table-filter__checkbox-group label.el-checkbox {
            display: flex;
            align-items: center;
            margin-right: 5px;
            margin-bottom: 12px;
            margin-left: 5px;
            height: unset
        }

        .el-table-filter__checkbox-group .el-checkbox:last-child {
            margin-bottom: 0
        }

        .el-table {
            --el-table-border-color: var(--el-border-color-lighter);
            --el-table-border: 1px solid var(--el-table-border-color);
            --el-table-text-color: var(--el-text-color-regular);
            --el-table-header-text-color: var(--el-text-color-secondary);
            --el-table-row-hover-bg-color: var(--el-fill-color-light);
            --el-table-current-row-bg-color: var(--el-color-primary-light-9);
            --el-table-header-bg-color: var(--el-bg-color);
            --el-table-fixed-box-shadow: var(--el-box-shadow-light);
            --el-table-bg-color: var(--el-fill-color-blank);
            --el-table-tr-bg-color: var(--el-bg-color);
            --el-table-expanded-cell-bg-color: var(--el-fill-color-blank);
            --el-table-fixed-left-column: inset 10px 0 10px -10px rgba(0, 0, 0, .15);
            --el-table-fixed-right-column: inset -10px 0 10px -10px rgba(0, 0, 0, .15);
            --el-table-index: var(--el-index-normal)
        }

        .el-table {
            position: relative;
            overflow: hidden;
            box-sizing: border-box;
            height: fit-content;
            width: 100%;
            max-width: 100%;
            background-color: var(--el-table-bg-color);
            font-size: 14px;
            color: var(--el-table-text-color)
        }

        .el-table__inner-wrapper {
            position: relative;
            display: flex;
            flex-direction: column;
            height: 100%
        }

        .el-table__inner-wrapper:before {
            left: 0;
            bottom: 0px;
            width: 100%;
            height: 1px
        }

        .el-table tbody:focus-visible {
            outline: none
        }

        .el-table.has-footer.el-table--scrollable-y tr:last-child td.el-table__cell, .el-table.has-footer.el-table--fluid-height tr:last-child td.el-table__cell {
            border-bottom-color: transparent
        }

        .el-table__empty-block {
            position: sticky;
            left: 0;
            min-height: 60px;
            text-align: center;
            width: 100%;
            display: flex;
            justify-content: center;
            align-items: center
        }

        .el-table__empty-text {
            line-height: 60px;
            width: 50%;
            color: var(--el-text-color-secondary)
        }

        .el-table__expand-column .cell {
            padding: 0;
            text-align: center;
            user-select: none
        }

        .el-table__expand-icon {
            position: relative;
            cursor: pointer;
            color: var(--el-text-color-regular);
            font-size: 12px;
            transition: transform var(--el-transition-duration-fast) ease-in-out;
            height: 20px
        }

        .el-table__expand-icon--expanded {
            transform: rotate(90deg)
        }

        .el-table__expand-icon > .el-icon {
            font-size: 12px
        }

        .el-table__expanded-cell {
            background-color: var(--el-table-expanded-cell-bg-color)
        }

        .el-table__expanded-cell[class*=cell] {
            padding: 20px 50px
        }

        .el-table__expanded-cell:hover {
            background-color: transparent !important
        }

        .el-table__placeholder {
            display: inline-block;
            width: 20px
        }

        .el-table__append-wrapper {
            overflow: hidden
        }

        .el-table--fit {
            border-right: 0;
            border-bottom: 0
        }

        .el-table--fit .el-table__cell.gutter {
            border-right-width: 1px
        }

        .el-table thead {
            color: var(--el-table-header-text-color)
        }

        .el-table thead th {
            font-weight: 600
        }

        .el-table thead.is-group th.el-table__cell {
            background: var(--el-fill-color-light)
        }

        .el-table .el-table__cell {
            padding: 8px 0;
            min-width: 0;
            box-sizing: border-box;
            text-overflow: ellipsis;
            vertical-align: middle;
            position: relative;
            text-align: left;
            z-index: var(--el-table-index)
        }

        .el-table .el-table__cell.is-center {
            text-align: center
        }

        .el-table .el-table__cell.is-right {
            text-align: right
        }

        .el-table .el-table__cell.gutter {
            width: 15px;
            border-right-width: 0;
            border-bottom-width: 0;
            padding: 0
        }

        .el-table .el-table__cell.is-hidden > * {
            visibility: hidden
        }

        .el-table .cell {
            box-sizing: border-box;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: normal;
            overflow-wrap: break-word;
            line-height: 23px;
            padding: 0 12px
        }

        .el-table .cell.el-tooltip {
            white-space: nowrap;
            min-width: 50px
        }

        .el-table--large {
            font-size: var(--el-font-size-base)
        }

        .el-table--large .el-table__cell {
            padding: 12px 0
        }

        .el-table--large .cell {
            padding: 0 16px
        }

        .el-table--default {
            font-size: 14px
        }

        .el-table--default .el-table__cell {
            padding: 8px 0
        }

        .el-table--default .cell {
            padding: 0 12px
        }

        .el-table--small {
            font-size: 12px
        }

        .el-table--small .el-table__cell {
            padding: 4px 0
        }

        .el-table--small .cell {
            padding: 0 8px
        }

        .el-table tr {
            background-color: var(--el-table-tr-bg-color)
        }

        .el-table tr input[type=checkbox] {
            margin: 0
        }

        .el-table th.el-table__cell.is-leaf, .el-table td.el-table__cell {
            border-bottom: var(--el-table-border)
        }

        .el-table th.el-table__cell.is-sortable {
            cursor: pointer
        }

        .el-table th.el-table__cell {
            user-select: none;
            background-color: var(--el-table-header-bg-color)
        }

        .el-table th.el-table__cell > .cell.highlight {
            color: var(--el-color-primary)
        }

        .el-table th.el-table__cell.required > div:before {
            display: inline-block;
            content: "";
            width: 8px;
            height: 8px;
            border-radius: 50%;
            background: #ff4d51;
            margin-right: 5px;
            vertical-align: middle
        }

        .el-table td.el-table__cell div {
            box-sizing: border-box
        }

        .el-table td.el-table__cell.gutter {
            width: 0
        }

        .el-table--border:after, .el-table--border:before, .el-table--border .el-table__inner-wrapper:after, .el-table__inner-wrapper:before {
            content: "";
            position: absolute;
            background-color: var(--el-table-border-color);
            z-index: calc(var(--el-table-index) + 2)
        }

        .el-table--border .el-table__inner-wrapper:after {
            left: 0;
            top: 0;
            width: 100%;
            height: 1px;
            z-index: calc(var(--el-table-index) + 2)
        }

        .el-table--border:before {
            top: -1px;
            left: 0;
            width: 1px;
            height: 100%
        }

        .el-table--border:after {
            top: -1px;
            right: 0;
            width: 1px;
            height: 100%
        }

        .el-table--border .el-table__inner-wrapper {
            border-right: none;
            border-bottom: none
        }

        .el-table--border .el-table__footer-wrapper {
            position: relative;
            flex-shrink: 0
        }

        .el-table--border .el-table__cell {
            border-right: var(--el-table-border)
        }

        .el-table--border th.el-table__cell.gutter:last-of-type {
            border-bottom: var(--el-table-border);
            border-bottom-width: 1px
        }

        .el-table--border th.el-table__cell {
            border-bottom: var(--el-table-border)
        }

        .el-table--hidden {
            visibility: hidden
        }

        .el-table__header-wrapper, .el-table__body-wrapper, .el-table__footer-wrapper {
            width: 100%
        }

        .el-table__header-wrapper tr td.el-table-fixed-column--left, .el-table__header-wrapper tr td.el-table-fixed-column--right, .el-table__header-wrapper tr th.el-table-fixed-column--left, .el-table__header-wrapper tr th.el-table-fixed-column--right, .el-table__body-wrapper tr td.el-table-fixed-column--left, .el-table__body-wrapper tr td.el-table-fixed-column--right, .el-table__body-wrapper tr th.el-table-fixed-column--left, .el-table__body-wrapper tr th.el-table-fixed-column--right, .el-table__footer-wrapper tr td.el-table-fixed-column--left, .el-table__footer-wrapper tr td.el-table-fixed-column--right, .el-table__footer-wrapper tr th.el-table-fixed-column--left, .el-table__footer-wrapper tr th.el-table-fixed-column--right {
            position: sticky !important;
            background: inherit;
            z-index: calc(var(--el-table-index) + 1)
        }

        .el-table__header-wrapper tr td.el-table-fixed-column--left.is-last-column:before, .el-table__header-wrapper tr td.el-table-fixed-column--left.is-first-column:before, .el-table__header-wrapper tr td.el-table-fixed-column--right.is-last-column:before, .el-table__header-wrapper tr td.el-table-fixed-column--right.is-first-column:before, .el-table__header-wrapper tr th.el-table-fixed-column--left.is-last-column:before, .el-table__header-wrapper tr th.el-table-fixed-column--left.is-first-column:before, .el-table__header-wrapper tr th.el-table-fixed-column--right.is-last-column:before, .el-table__header-wrapper tr th.el-table-fixed-column--right.is-first-column:before, .el-table__body-wrapper tr td.el-table-fixed-column--left.is-last-column:before, .el-table__body-wrapper tr td.el-table-fixed-column--left.is-first-column:before, .el-table__body-wrapper tr td.el-table-fixed-column--right.is-last-column:before, .el-table__body-wrapper tr td.el-table-fixed-column--right.is-first-column:before, .el-table__body-wrapper tr th.el-table-fixed-column--left.is-last-column:before, .el-table__body-wrapper tr th.el-table-fixed-column--left.is-first-column:before, .el-table__body-wrapper tr th.el-table-fixed-column--right.is-last-column:before, .el-table__body-wrapper tr th.el-table-fixed-column--right.is-first-column:before, .el-table__footer-wrapper tr td.el-table-fixed-column--left.is-last-column:before, .el-table__footer-wrapper tr td.el-table-fixed-column--left.is-first-column:before, .el-table__footer-wrapper tr td.el-table-fixed-column--right.is-last-column:before, .el-table__footer-wrapper tr td.el-table-fixed-column--right.is-first-column:before, .el-table__footer-wrapper tr th.el-table-fixed-column--left.is-last-column:before, .el-table__footer-wrapper tr th.el-table-fixed-column--left.is-first-column:before, .el-table__footer-wrapper tr th.el-table-fixed-column--right.is-last-column:before, .el-table__footer-wrapper tr th.el-table-fixed-column--right.is-first-column:before {
            content: "";
            position: absolute;
            top: 0px;
            width: 10px;
            bottom: -1px;
            overflow-x: hidden;
            overflow-y: hidden;
            box-shadow: none;
            touch-action: none;
            pointer-events: none
        }

        .el-table__header-wrapper tr td.el-table-fixed-column--left.is-first-column:before, .el-table__header-wrapper tr td.el-table-fixed-column--right.is-first-column:before, .el-table__header-wrapper tr th.el-table-fixed-column--left.is-first-column:before, .el-table__header-wrapper tr th.el-table-fixed-column--right.is-first-column:before, .el-table__body-wrapper tr td.el-table-fixed-column--left.is-first-column:before, .el-table__body-wrapper tr td.el-table-fixed-column--right.is-first-column:before, .el-table__body-wrapper tr th.el-table-fixed-column--left.is-first-column:before, .el-table__body-wrapper tr th.el-table-fixed-column--right.is-first-column:before, .el-table__footer-wrapper tr td.el-table-fixed-column--left.is-first-column:before, .el-table__footer-wrapper tr td.el-table-fixed-column--right.is-first-column:before, .el-table__footer-wrapper tr th.el-table-fixed-column--left.is-first-column:before, .el-table__footer-wrapper tr th.el-table-fixed-column--right.is-first-column:before {
            left: -10px
        }

        .el-table__header-wrapper tr td.el-table-fixed-column--left.is-last-column:before, .el-table__header-wrapper tr td.el-table-fixed-column--right.is-last-column:before, .el-table__header-wrapper tr th.el-table-fixed-column--left.is-last-column:before, .el-table__header-wrapper tr th.el-table-fixed-column--right.is-last-column:before, .el-table__body-wrapper tr td.el-table-fixed-column--left.is-last-column:before, .el-table__body-wrapper tr td.el-table-fixed-column--right.is-last-column:before, .el-table__body-wrapper tr th.el-table-fixed-column--left.is-last-column:before, .el-table__body-wrapper tr th.el-table-fixed-column--right.is-last-column:before, .el-table__footer-wrapper tr td.el-table-fixed-column--left.is-last-column:before, .el-table__footer-wrapper tr td.el-table-fixed-column--right.is-last-column:before, .el-table__footer-wrapper tr th.el-table-fixed-column--left.is-last-column:before, .el-table__footer-wrapper tr th.el-table-fixed-column--right.is-last-column:before {
            right: -10px;
            box-shadow: none
        }

        .el-table__header-wrapper tr td.el-table__fixed-right-patch, .el-table__header-wrapper tr th.el-table__fixed-right-patch, .el-table__body-wrapper tr td.el-table__fixed-right-patch, .el-table__body-wrapper tr th.el-table__fixed-right-patch, .el-table__footer-wrapper tr td.el-table__fixed-right-patch, .el-table__footer-wrapper tr th.el-table__fixed-right-patch {
            position: sticky !important;
            z-index: calc(var(--el-table-index) + 1);
            background: #fff;
            right: 0
        }

        .el-table__header-wrapper {
            flex-shrink: 0
        }

        .el-table__header-wrapper tr th.el-table-fixed-column--left, .el-table__header-wrapper tr th.el-table-fixed-column--right {
            background-color: var(--el-table-header-bg-color)
        }

        .el-table__header, .el-table__body, .el-table__footer {
            table-layout: fixed;
            border-collapse: separate
        }

        .el-table__header-wrapper {
            overflow: hidden
        }

        .el-table__header-wrapper tbody td.el-table__cell {
            background-color: var(--el-table-row-hover-bg-color);
            color: var(--el-table-text-color)
        }

        .el-table__footer-wrapper {
            overflow: hidden;
            flex-shrink: 0
        }

        .el-table__footer-wrapper tfoot td.el-table__cell {
            background-color: var(--el-table-row-hover-bg-color);
            color: var(--el-table-text-color)
        }

        .el-table__header-wrapper .el-table-column--selection > .cell, .el-table__body-wrapper .el-table-column--selection > .cell {
            display: inline-flex;
            align-items: center;
            height: 23px
        }

        .el-table__header-wrapper .el-table-column--selection .el-checkbox, .el-table__body-wrapper .el-table-column--selection .el-checkbox {
            height: unset
        }

        .el-table.is-scrolling-left .el-table-fixed-column--right.is-first-column:before {
            box-shadow: var(--el-table-fixed-right-column)
        }

        .el-table.is-scrolling-left.el-table--border .el-table-fixed-column--left.is-last-column.el-table__cell {
            border-right: var(--el-table-border)
        }

        .el-table.is-scrolling-left th.el-table-fixed-column--left {
            background-color: var(--el-table-header-bg-color)
        }

        .el-table.is-scrolling-right .el-table-fixed-column--left.is-last-column:before {
            box-shadow: var(--el-table-fixed-left-column)
        }

        .el-table.is-scrolling-right .el-table-fixed-column--left.is-last-column.el-table__cell {
            border-right: none
        }

        .el-table.is-scrolling-right th.el-table-fixed-column--right {
            background-color: var(--el-table-header-bg-color)
        }

        .el-table.is-scrolling-middle .el-table-fixed-column--left.is-last-column.el-table__cell {
            border-right: none
        }

        .el-table.is-scrolling-middle .el-table-fixed-column--right.is-first-column:before {
            box-shadow: var(--el-table-fixed-right-column)
        }

        .el-table.is-scrolling-middle .el-table-fixed-column--left.is-last-column:before {
            box-shadow: var(--el-table-fixed-left-column)
        }

        .el-table.is-scrolling-none .el-table-fixed-column--left.is-first-column:before, .el-table.is-scrolling-none .el-table-fixed-column--left.is-last-column:before, .el-table.is-scrolling-none .el-table-fixed-column--right.is-first-column:before, .el-table.is-scrolling-none .el-table-fixed-column--right.is-last-column:before {
            box-shadow: none
        }

        .el-table.is-scrolling-none th.el-table-fixed-column--left, .el-table.is-scrolling-none th.el-table-fixed-column--right {
            background-color: var(--el-table-header-bg-color)
        }

        .el-table__body-wrapper {
            overflow: hidden;
            position: relative;
            flex: 1
        }

        .el-table__body-wrapper .el-scrollbar__bar {
            z-index: calc(var(--el-table-index) + 2)
        }

        .el-table .caret-wrapper {
            display: inline-flex;
            flex-direction: column;
            align-items: center;
            height: 14px;
            width: 24px;
            vertical-align: middle;
            cursor: pointer;
            overflow: initial;
            position: relative
        }

        .el-table .sort-caret {
            width: 0;
            height: 0;
            border: solid 5px transparent;
            position: absolute;
            left: 7px
        }

        .el-table .sort-caret.ascending {
            border-bottom-color: var(--el-text-color-placeholder);
            top: -5px
        }

        .el-table .sort-caret.descending {
            border-top-color: var(--el-text-color-placeholder);
            bottom: -3px
        }

        .el-table .ascending .sort-caret.ascending {
            border-bottom-color: var(--el-color-primary)
        }

        .el-table .descending .sort-caret.descending {
            border-top-color: var(--el-color-primary)
        }

        .el-table .hidden-columns {
            visibility: hidden;
            position: absolute;
            z-index: -1
        }

        .el-table--striped .el-table__body tr.el-table__row--striped td.el-table__cell {
            background: var(--el-fill-color-lighter)
        }

        .el-table--striped .el-table__body tr.el-table__row--striped.current-row td.el-table__cell {
            background-color: var(--el-table-current-row-bg-color)
        }

        .el-table__body tr.hover-row > td.el-table__cell, .el-table__body tr.hover-row.current-row > td.el-table__cell, .el-table__body tr.hover-row.el-table__row--striped > td.el-table__cell, .el-table__body tr.hover-row.el-table__row--striped.current-row > td.el-table__cell {
            background-color: var(--el-table-row-hover-bg-color)
        }

        .el-table__body tr > td.hover-cell {
            background-color: var(--el-table-row-hover-bg-color)
        }

        .el-table__body tr.current-row > td.el-table__cell {
            background-color: var(--el-table-current-row-bg-color)
        }

        .el-table.el-table--scrollable-y .el-table__body-header {
            position: sticky;
            top: 0;
            z-index: calc(var(--el-table-index) + 2)
        }

        .el-table.el-table--scrollable-y .el-table__body-footer {
            position: sticky;
            bottom: 0;
            z-index: calc(var(--el-table-index) + 2)
        }

        .el-table__column-resize-proxy {
            position: absolute;
            left: 200px;
            top: 0;
            bottom: 0;
            width: 0;
            border-left: var(--el-table-border);
            z-index: calc(var(--el-table-index) + 9)
        }

        .el-table__column-filter-trigger {
            display: inline-block;
            cursor: pointer
        }

        .el-table__column-filter-trigger i {
            color: var(--el-color-info);
            font-size: 14px;
            vertical-align: middle
        }

        .el-table__border-left-patch {
            top: 0;
            left: 0;
            width: 1px;
            height: 100%;
            z-index: calc(var(--el-table-index) + 2);
            position: absolute;
            background-color: var(--el-table-border-color)
        }

        .el-table__border-bottom-patch {
            left: 0;
            height: 1px;
            z-index: calc(var(--el-table-index) + 2);
            position: absolute;
            background-color: var(--el-table-border-color)
        }

        .el-table__border-right-patch {
            top: 0;
            height: 100%;
            width: 1px;
            z-index: calc(var(--el-table-index) + 2);
            position: absolute;
            background-color: var(--el-table-border-color)
        }

        .el-table--enable-row-transition .el-table__body td.el-table__cell {
            transition: background-color .25s ease
        }

        .el-table--enable-row-hover .el-table__body tr:hover > td.el-table__cell {
            background-color: var(--el-table-row-hover-bg-color)
        }

        .el-table [class*=el-table__row--level] .el-table__expand-icon {
            display: inline-block;
            width: 12px;
            line-height: 12px;
            height: 12px;
            text-align: center;
            margin-right: 8px
        }

        .el-table .el-table.el-table--border .el-table__cell {
            border-right: var(--el-table-border)
        }

        .el-table:not(.el-table--border) .el-table__cell {
            border-right: none
        }

        .el-table:not(.el-table--border) > .el-table__inner-wrapper:after {
            content: none
        }

        .el-table-v2 {
            --el-table-border-color: var(--el-border-color-lighter);
            --el-table-border: 1px solid var(--el-table-border-color);
            --el-table-text-color: var(--el-text-color-regular);
            --el-table-header-text-color: var(--el-text-color-secondary);
            --el-table-row-hover-bg-color: var(--el-fill-color-light);
            --el-table-current-row-bg-color: var(--el-color-primary-light-9);
            --el-table-header-bg-color: var(--el-bg-color);
            --el-table-fixed-box-shadow: var(--el-box-shadow-light);
            --el-table-bg-color: var(--el-fill-color-blank);
            --el-table-tr-bg-color: var(--el-bg-color);
            --el-table-expanded-cell-bg-color: var(--el-fill-color-blank);
            --el-table-fixed-left-column: inset 10px 0 10px -10px rgba(0, 0, 0, .15);
            --el-table-fixed-right-column: inset -10px 0 10px -10px rgba(0, 0, 0, .15);
            --el-table-index: var(--el-index-normal)
        }

        .el-table-v2 {
            font-size: 14px
        }

        .el-table-v2 * {
            box-sizing: border-box
        }

        .el-table-v2__root {
            position: relative
        }

        .el-table-v2__root:hover .el-table-v2__main .el-virtual-scrollbar {
            opacity: 1
        }

        .el-table-v2__main {
            display: flex;
            flex-direction: column-reverse;
            position: absolute;
            overflow: hidden;
            top: 0;
            background-color: var(--el-bg-color);
            left: 0
        }

        .el-table-v2__main .el-vl__horizontal, .el-table-v2__main .el-vl__vertical {
            z-index: 2
        }

        .el-table-v2__left {
            display: flex;
            flex-direction: column-reverse;
            position: absolute;
            overflow: hidden;
            top: 0;
            background-color: var(--el-bg-color);
            left: 0;
            box-shadow: 2px 0 4px #0000000f
        }

        .el-table-v2__left .el-virtual-scrollbar {
            opacity: 0
        }

        .el-table-v2__left .el-vl__vertical, .el-table-v2__left .el-vl__horizontal {
            z-index: -1
        }

        .el-table-v2__right {
            display: flex;
            flex-direction: column-reverse;
            position: absolute;
            overflow: hidden;
            top: 0;
            background-color: var(--el-bg-color);
            right: 0;
            box-shadow: -2px 0 4px #0000000f
        }

        .el-table-v2__right .el-virtual-scrollbar {
            opacity: 0
        }

        .el-table-v2__right .el-vl__vertical, .el-table-v2__right .el-vl__horizontal {
            z-index: -1
        }

        .el-table-v2__header-row, .el-table-v2__row {
            padding-inline-end: var(--el-table-scrollbar-size)
        }

        .el-table-v2__header-wrapper {
            overflow: hidden
        }

        .el-table-v2__header {
            position: relative;
            overflow: hidden
        }

        .el-table-v2__footer {
            position: absolute;
            left: 0;
            right: 0;
            bottom: 0;
            overflow: hidden
        }

        .el-table-v2__empty {
            position: absolute;
            left: 0
        }

        .el-table-v2__overlay {
            position: absolute;
            left: 0;
            right: 0;
            top: 0;
            bottom: 0;
            z-index: 9999
        }

        .el-table-v2__header-row {
            display: flex;
            border-bottom: var(--el-table-border)
        }

        .el-table-v2__header-cell {
            display: flex;
            align-items: center;
            padding: 0 8px;
            height: 100%;
            user-select: none;
            overflow: hidden;
            background-color: var(--el-table-header-bg-color);
            color: var(--el-table-header-text-color);
            font-weight: 700
        }

        .el-table-v2__header-cell.is-align-center {
            justify-content: center;
            text-align: center
        }

        .el-table-v2__header-cell.is-align-right {
            justify-content: flex-end;
            text-align: right
        }

        .el-table-v2__header-cell.is-sortable {
            cursor: pointer
        }

        .el-table-v2__header-cell:hover .el-icon {
            display: block
        }

        .el-table-v2__sort-icon {
            transition: opacity, display var(--el-transition-duration);
            opacity: .6;
            display: none
        }

        .el-table-v2__sort-icon.is-sorting {
            display: block;
            opacity: 1
        }

        .el-table-v2__row {
            border-bottom: var(--el-table-border);
            display: flex;
            align-items: center;
            transition: background-color var(--el-transition-duration)
        }

        .el-table-v2__row.is-hovered, .el-table-v2__row:hover {
            background-color: var(--el-table-row-hover-bg-color)
        }

        .el-table-v2__row-cell {
            height: 100%;
            overflow: hidden;
            display: flex;
            align-items: center;
            padding: 0 8px
        }

        .el-table-v2__row-cell.is-align-center {
            justify-content: center;
            text-align: center
        }

        .el-table-v2__row-cell.is-align-right {
            justify-content: flex-end;
            text-align: right
        }

        .el-table-v2__expand-icon {
            margin: 0 4px;
            cursor: pointer;
            user-select: none
        }

        .el-table-v2__expand-icon svg {
            transition: transform var(--el-transition-duration)
        }

        .el-table-v2__expand-icon.is-expanded svg {
            transform: rotate(90deg)
        }

        .el-table-v2:not(.is-dynamic) .el-table-v2__cell-text {
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap
        }

        .el-table-v2.is-dynamic .el-table-v2__row {
            overflow: hidden;
            align-items: stretch
        }

        .el-table-v2.is-dynamic .el-table-v2__row .el-table-v2__row-cell {
            overflow-wrap: break-word
        }

        .el-tabs {
            --el-tabs-header-height: 40px
        }

        .el-tabs__header {
            padding: 0;
            position: relative;
            margin: 0 0 15px
        }

        .el-tabs__active-bar {
            position: absolute;
            bottom: 0;
            left: 0;
            height: 2px;
            background-color: var(--el-color-primary);
            z-index: 1;
            transition: width var(--el-transition-duration) var(--el-transition-function-ease-in-out-bezier), transform var(--el-transition-duration) var(--el-transition-function-ease-in-out-bezier);
            list-style: none
        }

        .el-tabs__new-tab {
            display: flex;
            align-items: center;
            justify-content: center;
            float: right;
            border: 1px solid var(--el-border-color);
            height: 20px;
            width: 20px;
            line-height: 20px;
            margin: 10px 0 10px 10px;
            border-radius: 3px;
            text-align: center;
            font-size: 12px;
            color: var(--el-text-color-primary);
            cursor: pointer;
            transition: all .15s
        }

        .el-tabs__new-tab .is-icon-plus {
            height: inherit;
            width: inherit;
            transform: scale(.8)
        }

        .el-tabs__new-tab .is-icon-plus svg {
            vertical-align: middle
        }

        .el-tabs__new-tab:hover {
            color: var(--el-color-primary)
        }

        .el-tabs__nav-wrap {
            overflow: hidden;
            margin-bottom: -1px;
            position: relative
        }

        .el-tabs__nav-wrap:after {
            content: "";
            position: absolute;
            left: 0;
            bottom: 0;
            width: 100%;
            height: 2px;
            background-color: var(--el-border-color-light);
            z-index: var(--el-index-normal)
        }

        .el-tabs__nav-wrap.is-scrollable {
            padding: 0 20px;
            box-sizing: border-box
        }

        .el-tabs__nav-scroll {
            overflow: hidden
        }

        .el-tabs__nav-next, .el-tabs__nav-prev {
            position: absolute;
            cursor: pointer;
            line-height: 44px;
            font-size: 12px;
            color: var(--el-text-color-secondary);
            width: 20px;
            text-align: center
        }

        .el-tabs__nav-next {
            right: 0
        }

        .el-tabs__nav-prev {
            left: 0
        }

        .el-tabs__nav {
            display: flex;
            white-space: nowrap;
            position: relative;
            transition: transform var(--el-transition-duration);
            float: left;
            z-index: calc(var(--el-index-normal) + 1)
        }

        .el-tabs__nav.is-stretch {
            min-width: 100%;
            display: flex
        }

        .el-tabs__nav.is-stretch > * {
            flex: 1;
            text-align: center
        }

        .el-tabs__item {
            padding: 0 20px;
            height: var(--el-tabs-header-height);
            box-sizing: border-box;
            display: flex;
            align-items: center;
            justify-content: center;
            list-style: none;
            font-size: var(--el-font-size-base);
            font-weight: 500;
            color: var(--el-text-color-primary);
            position: relative
        }

        .el-tabs__item:focus, .el-tabs__item:focus:active {
            outline: none
        }

        .el-tabs__item:focus-visible {
            box-shadow: 0 0 2px 2px var(--el-color-primary) inset;
            border-radius: 3px
        }

        .el-tabs__item .is-icon-close {
            border-radius: 50%;
            text-align: center;
            transition: all var(--el-transition-duration) var(--el-transition-function-ease-in-out-bezier);
            margin-left: 5px
        }

        .el-tabs__item .is-icon-close:before {
            transform: scale(.9);
            display: inline-block
        }

        .el-tabs__item .is-icon-close:hover {
            background-color: var(--el-text-color-placeholder);
            color: #fff
        }

        .el-tabs__item.is-active {
            color: var(--el-color-primary)
        }

        .el-tabs__item:hover {
            color: var(--el-color-primary);
            cursor: pointer
        }

        .el-tabs__item.is-disabled {
            color: var(--el-disabled-text-color);
            cursor: not-allowed
        }

        .el-tabs__content {
            overflow: hidden;
            position: relative
        }

        .el-tabs--card > .el-tabs__header {
            border-bottom: 1px solid var(--el-border-color-light);
            height: var(--el-tabs-header-height)
        }

        .el-tabs--card > .el-tabs__header .el-tabs__nav-wrap:after {
            content: none
        }

        .el-tabs--card > .el-tabs__header .el-tabs__nav {
            border: 1px solid var(--el-border-color-light);
            border-bottom: none;
            border-radius: 4px 4px 0 0;
            box-sizing: border-box
        }

        .el-tabs--card > .el-tabs__header .el-tabs__active-bar {
            display: none
        }

        .el-tabs--card > .el-tabs__header .el-tabs__item .is-icon-close {
            position: relative;
            font-size: 12px;
            width: 0;
            height: 14px;
            overflow: hidden;
            right: -2px;
            transform-origin: 100% 50%
        }

        .el-tabs--card > .el-tabs__header .el-tabs__item {
            border-bottom: 1px solid transparent;
            border-left: 1px solid var(--el-border-color-light);
            transition: color var(--el-transition-duration) var(--el-transition-function-ease-in-out-bezier), padding var(--el-transition-duration) var(--el-transition-function-ease-in-out-bezier)
        }

        .el-tabs--card > .el-tabs__header .el-tabs__item:first-child {
            border-left: none
        }

        .el-tabs--card > .el-tabs__header .el-tabs__item.is-closable:hover {
            padding-left: 13px;
            padding-right: 13px
        }

        .el-tabs--card > .el-tabs__header .el-tabs__item.is-closable:hover .is-icon-close {
            width: 14px
        }

        .el-tabs--card > .el-tabs__header .el-tabs__item.is-active {
            border-bottom-color: var(--el-bg-color)
        }

        .el-tabs--card > .el-tabs__header .el-tabs__item.is-active.is-closable {
            padding-left: 20px;
            padding-right: 20px
        }

        .el-tabs--card > .el-tabs__header .el-tabs__item.is-active.is-closable .is-icon-close {
            width: 14px
        }

        .el-tabs--border-card {
            background: var(--el-bg-color-overlay);
            border: 1px solid var(--el-border-color)
        }

        .el-tabs--border-card > .el-tabs__content {
            padding: 15px
        }

        .el-tabs--border-card > .el-tabs__header {
            background-color: var(--el-fill-color-light);
            border-bottom: 1px solid var(--el-border-color-light);
            margin: 0
        }

        .el-tabs--border-card > .el-tabs__header .el-tabs__nav-wrap:after {
            content: none
        }

        .el-tabs--border-card > .el-tabs__header .el-tabs__item {
            transition: all var(--el-transition-duration) var(--el-transition-function-ease-in-out-bezier);
            border: 1px solid transparent;
            margin-top: -1px;
            color: var(--el-text-color-secondary)
        }

        .el-tabs--border-card > .el-tabs__header .el-tabs__item:first-child {
            margin-left: -1px
        }

        .el-tabs--border-card > .el-tabs__header .el-tabs__item + .el-tabs__item {
            margin-left: -1px
        }

        .el-tabs--border-card > .el-tabs__header .el-tabs__item.is-active {
            color: var(--el-color-primary);
            background-color: var(--el-bg-color-overlay);
            border-right-color: var(--el-border-color);
            border-left-color: var(--el-border-color)
        }

        .el-tabs--border-card > .el-tabs__header .el-tabs__item:not(.is-disabled):hover {
            color: var(--el-color-primary)
        }

        .el-tabs--border-card > .el-tabs__header .el-tabs__item.is-disabled {
            color: var(--el-disabled-text-color)
        }

        .el-tabs--border-card > .el-tabs__header .is-scrollable .el-tabs__item:first-child {
            margin-left: 0
        }

        .el-tabs--top .el-tabs__item.is-top:nth-child(2), .el-tabs--top .el-tabs__item.is-bottom:nth-child(2), .el-tabs--bottom .el-tabs__item.is-top:nth-child(2), .el-tabs--bottom .el-tabs__item.is-bottom:nth-child(2) {
            padding-left: 0
        }

        .el-tabs--top .el-tabs__item.is-top:last-child, .el-tabs--top .el-tabs__item.is-bottom:last-child, .el-tabs--bottom .el-tabs__item.is-top:last-child, .el-tabs--bottom .el-tabs__item.is-bottom:last-child {
            padding-right: 0
        }

        .el-tabs--top.el-tabs--border-card > .el-tabs__header .el-tabs__item:nth-child(2), .el-tabs--top.el-tabs--card > .el-tabs__header .el-tabs__item:nth-child(2), .el-tabs--top .el-tabs--left > .el-tabs__header .el-tabs__item:nth-child(2), .el-tabs--top .el-tabs--right > .el-tabs__header .el-tabs__item:nth-child(2), .el-tabs--bottom.el-tabs--border-card > .el-tabs__header .el-tabs__item:nth-child(2), .el-tabs--bottom.el-tabs--card > .el-tabs__header .el-tabs__item:nth-child(2), .el-tabs--bottom .el-tabs--left > .el-tabs__header .el-tabs__item:nth-child(2), .el-tabs--bottom .el-tabs--right > .el-tabs__header .el-tabs__item:nth-child(2) {
            padding-left: 20px
        }

        .el-tabs--top.el-tabs--border-card > .el-tabs__header .el-tabs__item:nth-child(2):not(.is-active).is-closable:hover, .el-tabs--top.el-tabs--card > .el-tabs__header .el-tabs__item:nth-child(2):not(.is-active).is-closable:hover, .el-tabs--top .el-tabs--left > .el-tabs__header .el-tabs__item:nth-child(2):not(.is-active).is-closable:hover, .el-tabs--top .el-tabs--right > .el-tabs__header .el-tabs__item:nth-child(2):not(.is-active).is-closable:hover, .el-tabs--bottom.el-tabs--border-card > .el-tabs__header .el-tabs__item:nth-child(2):not(.is-active).is-closable:hover, .el-tabs--bottom.el-tabs--card > .el-tabs__header .el-tabs__item:nth-child(2):not(.is-active).is-closable:hover, .el-tabs--bottom .el-tabs--left > .el-tabs__header .el-tabs__item:nth-child(2):not(.is-active).is-closable:hover, .el-tabs--bottom .el-tabs--right > .el-tabs__header .el-tabs__item:nth-child(2):not(.is-active).is-closable:hover {
            padding-left: 13px
        }

        .el-tabs--top.el-tabs--border-card > .el-tabs__header .el-tabs__item:last-child, .el-tabs--top.el-tabs--card > .el-tabs__header .el-tabs__item:last-child, .el-tabs--top .el-tabs--left > .el-tabs__header .el-tabs__item:last-child, .el-tabs--top .el-tabs--right > .el-tabs__header .el-tabs__item:last-child, .el-tabs--bottom.el-tabs--border-card > .el-tabs__header .el-tabs__item:last-child, .el-tabs--bottom.el-tabs--card > .el-tabs__header .el-tabs__item:last-child, .el-tabs--bottom .el-tabs--left > .el-tabs__header .el-tabs__item:last-child, .el-tabs--bottom .el-tabs--right > .el-tabs__header .el-tabs__item:last-child {
            padding-right: 20px
        }

        .el-tabs--top.el-tabs--border-card > .el-tabs__header .el-tabs__item:last-child:not(.is-active).is-closable:hover, .el-tabs--top.el-tabs--card > .el-tabs__header .el-tabs__item:last-child:not(.is-active).is-closable:hover, .el-tabs--top .el-tabs--left > .el-tabs__header .el-tabs__item:last-child:not(.is-active).is-closable:hover, .el-tabs--top .el-tabs--right > .el-tabs__header .el-tabs__item:last-child:not(.is-active).is-closable:hover, .el-tabs--bottom.el-tabs--border-card > .el-tabs__header .el-tabs__item:last-child:not(.is-active).is-closable:hover, .el-tabs--bottom.el-tabs--card > .el-tabs__header .el-tabs__item:last-child:not(.is-active).is-closable:hover, .el-tabs--bottom .el-tabs--left > .el-tabs__header .el-tabs__item:last-child:not(.is-active).is-closable:hover, .el-tabs--bottom .el-tabs--right > .el-tabs__header .el-tabs__item:last-child:not(.is-active).is-closable:hover {
            padding-right: 13px
        }

        .el-tabs--bottom .el-tabs__header.is-bottom {
            margin-bottom: 0;
            margin-top: 10px
        }

        .el-tabs--bottom.el-tabs--border-card .el-tabs__header.is-bottom {
            border-bottom: 0;
            border-top: 1px solid var(--el-border-color)
        }

        .el-tabs--bottom.el-tabs--border-card .el-tabs__nav-wrap.is-bottom {
            margin-top: -1px;
            margin-bottom: 0
        }

        .el-tabs--bottom.el-tabs--border-card .el-tabs__item.is-bottom:not(.is-active) {
            border: 1px solid transparent
        }

        .el-tabs--bottom.el-tabs--border-card .el-tabs__item.is-bottom {
            margin: 0 -1px -1px
        }

        .el-tabs--left, .el-tabs--right {
            overflow: hidden
        }

        .el-tabs--left .el-tabs__header.is-left, .el-tabs--left .el-tabs__header.is-right, .el-tabs--left .el-tabs__nav-wrap.is-left, .el-tabs--left .el-tabs__nav-wrap.is-right, .el-tabs--left .el-tabs__nav-scroll, .el-tabs--right .el-tabs__header.is-left, .el-tabs--right .el-tabs__header.is-right, .el-tabs--right .el-tabs__nav-wrap.is-left, .el-tabs--right .el-tabs__nav-wrap.is-right, .el-tabs--right .el-tabs__nav-scroll {
            height: 100%
        }

        .el-tabs--left .el-tabs__active-bar.is-left, .el-tabs--left .el-tabs__active-bar.is-right, .el-tabs--right .el-tabs__active-bar.is-left, .el-tabs--right .el-tabs__active-bar.is-right {
            top: 0;
            bottom: auto;
            width: 2px;
            height: auto
        }

        .el-tabs--left .el-tabs__nav-wrap.is-left, .el-tabs--left .el-tabs__nav-wrap.is-right, .el-tabs--right .el-tabs__nav-wrap.is-left, .el-tabs--right .el-tabs__nav-wrap.is-right {
            margin-bottom: 0
        }

        .el-tabs--left .el-tabs__nav-wrap.is-left > .el-tabs__nav-prev, .el-tabs--left .el-tabs__nav-wrap.is-left > .el-tabs__nav-next, .el-tabs--left .el-tabs__nav-wrap.is-right > .el-tabs__nav-prev, .el-tabs--left .el-tabs__nav-wrap.is-right > .el-tabs__nav-next, .el-tabs--right .el-tabs__nav-wrap.is-left > .el-tabs__nav-prev, .el-tabs--right .el-tabs__nav-wrap.is-left > .el-tabs__nav-next, .el-tabs--right .el-tabs__nav-wrap.is-right > .el-tabs__nav-prev, .el-tabs--right .el-tabs__nav-wrap.is-right > .el-tabs__nav-next {
            height: 30px;
            line-height: 30px;
            width: 100%;
            text-align: center;
            cursor: pointer
        }

        .el-tabs--left .el-tabs__nav-wrap.is-left > .el-tabs__nav-prev i, .el-tabs--left .el-tabs__nav-wrap.is-left > .el-tabs__nav-next i, .el-tabs--left .el-tabs__nav-wrap.is-right > .el-tabs__nav-prev i, .el-tabs--left .el-tabs__nav-wrap.is-right > .el-tabs__nav-next i, .el-tabs--right .el-tabs__nav-wrap.is-left > .el-tabs__nav-prev i, .el-tabs--right .el-tabs__nav-wrap.is-left > .el-tabs__nav-next i, .el-tabs--right .el-tabs__nav-wrap.is-right > .el-tabs__nav-prev i, .el-tabs--right .el-tabs__nav-wrap.is-right > .el-tabs__nav-next i {
            transform: rotate(90deg)
        }

        .el-tabs--left .el-tabs__nav-wrap.is-left > .el-tabs__nav-prev, .el-tabs--left .el-tabs__nav-wrap.is-right > .el-tabs__nav-prev, .el-tabs--right .el-tabs__nav-wrap.is-left > .el-tabs__nav-prev, .el-tabs--right .el-tabs__nav-wrap.is-right > .el-tabs__nav-prev {
            left: auto;
            top: 0
        }

        .el-tabs--left .el-tabs__nav-wrap.is-left > .el-tabs__nav-next, .el-tabs--left .el-tabs__nav-wrap.is-right > .el-tabs__nav-next, .el-tabs--right .el-tabs__nav-wrap.is-left > .el-tabs__nav-next, .el-tabs--right .el-tabs__nav-wrap.is-right > .el-tabs__nav-next {
            right: auto;
            bottom: 0
        }

        .el-tabs--left .el-tabs__nav-wrap.is-left.is-scrollable, .el-tabs--left .el-tabs__nav-wrap.is-right.is-scrollable, .el-tabs--right .el-tabs__nav-wrap.is-left.is-scrollable, .el-tabs--right .el-tabs__nav-wrap.is-right.is-scrollable {
            padding: 30px 0
        }

        .el-tabs--left .el-tabs__nav-wrap.is-left:after, .el-tabs--left .el-tabs__nav-wrap.is-right:after, .el-tabs--right .el-tabs__nav-wrap.is-left:after, .el-tabs--right .el-tabs__nav-wrap.is-right:after {
            height: 100%;
            width: 2px;
            bottom: auto;
            top: 0
        }

        .el-tabs--left .el-tabs__nav.is-left, .el-tabs--left .el-tabs__nav.is-right, .el-tabs--right .el-tabs__nav.is-left, .el-tabs--right .el-tabs__nav.is-right {
            flex-direction: column
        }

        .el-tabs--left .el-tabs__item.is-left, .el-tabs--right .el-tabs__item.is-left {
            justify-content: flex-end
        }

        .el-tabs--left .el-tabs__item.is-right, .el-tabs--right .el-tabs__item.is-right {
            justify-content: flex-start
        }

        .el-tabs--left .el-tabs__header.is-left {
            float: left;
            margin-bottom: 0;
            margin-right: 10px
        }

        .el-tabs--left .el-tabs__nav-wrap.is-left {
            margin-right: -1px
        }

        .el-tabs--left .el-tabs__nav-wrap.is-left:after {
            left: auto;
            right: 0
        }

        .el-tabs--left .el-tabs__active-bar.is-left {
            right: 0;
            left: auto
        }

        .el-tabs--left .el-tabs__item.is-left {
            text-align: right
        }

        .el-tabs--left.el-tabs--card .el-tabs__active-bar.is-left {
            display: none
        }

        .el-tabs--left.el-tabs--card .el-tabs__item.is-left {
            border-left: none;
            border-right: 1px solid var(--el-border-color-light);
            border-bottom: none;
            border-top: 1px solid var(--el-border-color-light);
            text-align: left
        }

        .el-tabs--left.el-tabs--card .el-tabs__item.is-left:first-child {
            border-right: 1px solid var(--el-border-color-light);
            border-top: none
        }

        .el-tabs--left.el-tabs--card .el-tabs__item.is-left.is-active {
            border: 1px solid var(--el-border-color-light);
            border-right-color: #fff;
            border-left: none;
            border-bottom: none
        }

        .el-tabs--left.el-tabs--card .el-tabs__item.is-left.is-active:first-child {
            border-top: none
        }

        .el-tabs--left.el-tabs--card .el-tabs__item.is-left.is-active:last-child {
            border-bottom: none
        }

        .el-tabs--left.el-tabs--card .el-tabs__nav {
            border-radius: 4px 0 0 4px;
            border-bottom: 1px solid var(--el-border-color-light);
            border-right: none
        }

        .el-tabs--left.el-tabs--card .el-tabs__new-tab {
            float: none
        }

        .el-tabs--left.el-tabs--border-card .el-tabs__header.is-left {
            border-right: 1px solid var(--el-border-color)
        }

        .el-tabs--left.el-tabs--border-card .el-tabs__item.is-left {
            border: 1px solid transparent;
            margin: -1px 0 -1px -1px
        }

        .el-tabs--left.el-tabs--border-card .el-tabs__item.is-left.is-active {
            border-color: transparent;
            border-top-color: #d1dbe5;
            border-bottom-color: #d1dbe5
        }

        .el-tabs--right .el-tabs__header.is-right {
            float: right;
            margin-bottom: 0;
            margin-left: 10px
        }

        .el-tabs--right .el-tabs__nav-wrap.is-right {
            margin-left: -1px
        }

        .el-tabs--right .el-tabs__nav-wrap.is-right:after {
            left: 0;
            right: auto
        }

        .el-tabs--right .el-tabs__active-bar.is-right {
            left: 0
        }

        .el-tabs--right.el-tabs--card .el-tabs__active-bar.is-right {
            display: none
        }

        .el-tabs--right.el-tabs--card .el-tabs__item.is-right {
            border-bottom: none;
            border-top: 1px solid var(--el-border-color-light)
        }

        .el-tabs--right.el-tabs--card .el-tabs__item.is-right:first-child {
            border-left: 1px solid var(--el-border-color-light);
            border-top: none
        }

        .el-tabs--right.el-tabs--card .el-tabs__item.is-right.is-active {
            border: 1px solid var(--el-border-color-light);
            border-left-color: #fff;
            border-right: none;
            border-bottom: none
        }

        .el-tabs--right.el-tabs--card .el-tabs__item.is-right.is-active:first-child {
            border-top: none
        }

        .el-tabs--right.el-tabs--card .el-tabs__item.is-right.is-active:last-child {
            border-bottom: none
        }

        .el-tabs--right.el-tabs--card .el-tabs__nav {
            border-radius: 0 4px 4px 0;
            border-bottom: 1px solid var(--el-border-color-light);
            border-left: none
        }

        .el-tabs--right.el-tabs--border-card .el-tabs__header.is-right {
            border-left: 1px solid var(--el-border-color)
        }

        .el-tabs--right.el-tabs--border-card .el-tabs__item.is-right {
            border: 1px solid transparent;
            margin: -1px -1px -1px 0
        }

        .el-tabs--right.el-tabs--border-card .el-tabs__item.is-right.is-active {
            border-color: transparent;
            border-top-color: #d1dbe5;
            border-bottom-color: #d1dbe5
        }

        .slideInRight-transition, .slideInLeft-transition {
            display: inline-block
        }

        .slideInRight-enter {
            animation: slideInRight-enter var(--el-transition-duration)
        }

        .slideInRight-leave {
            position: absolute;
            left: 0;
            right: 0;
            animation: slideInRight-leave var(--el-transition-duration)
        }

        .slideInLeft-enter {
            animation: slideInLeft-enter var(--el-transition-duration)
        }

        .slideInLeft-leave {
            position: absolute;
            left: 0;
            right: 0;
            animation: slideInLeft-leave var(--el-transition-duration)
        }

        @keyframes slideInRight-enter {
            0% {
                opacity: 0;
                transform-origin: 0 0;
                transform: translate(100%)
            }

            to {
                opacity: 1;
                transform-origin: 0 0;
                transform: translate(0)
            }
        }

        @keyframes slideInRight-leave {
            0% {
                transform-origin: 0 0;
                transform: translate(0);
                opacity: 1
            }

            to {
                transform-origin: 0 0;
                transform: translate(100%);
                opacity: 0
            }
        }

        @keyframes slideInLeft-enter {
            0% {
                opacity: 0;
                transform-origin: 0 0;
                transform: translate(-100%)
            }

            to {
                opacity: 1;
                transform-origin: 0 0;
                transform: translate(0)
            }
        }

        @keyframes slideInLeft-leave {
            0% {
                transform-origin: 0 0;
                transform: translate(0);
                opacity: 1
            }

            to {
                transform-origin: 0 0;
                transform: translate(-100%);
                opacity: 0
            }
        }

        .el-tag {
            --el-tag-font-size: 12px;
            --el-tag-border-radius: 4px;
            --el-tag-border-radius-rounded: 9999px
        }

        .el-tag {
            --el-tag-bg-color: var(--el-color-primary-light-9);
            --el-tag-border-color: var(--el-color-primary-light-8);
            --el-tag-hover-color: var(--el-color-primary);
            background-color: var(--el-tag-bg-color);
            border-color: var(--el-tag-border-color);
            color: var(--el-tag-text-color);
            display: inline-flex;
            justify-content: center;
            align-items: center;
            vertical-align: middle;
            height: 24px;
            padding: 0 9px;
            font-size: var(--el-tag-font-size);
            line-height: 1;
            border-width: 1px;
            border-style: solid;
            border-radius: var(--el-tag-border-radius);
            box-sizing: border-box;
            white-space: nowrap;
            --el-icon-size: 14px
        }

        .el-tag.el-tag--primary {
            --el-tag-bg-color: var(--el-color-primary-light-9);
            --el-tag-border-color: var(--el-color-primary-light-8);
            --el-tag-hover-color: var(--el-color-primary)
        }

        .el-tag.el-tag--success {
            --el-tag-bg-color: var(--el-color-success-light-9);
            --el-tag-border-color: var(--el-color-success-light-8);
            --el-tag-hover-color: var(--el-color-success)
        }

        .el-tag.el-tag--warning {
            --el-tag-bg-color: var(--el-color-warning-light-9);
            --el-tag-border-color: var(--el-color-warning-light-8);
            --el-tag-hover-color: var(--el-color-warning)
        }

        .el-tag.el-tag--danger {
            --el-tag-bg-color: var(--el-color-danger-light-9);
            --el-tag-border-color: var(--el-color-danger-light-8);
            --el-tag-hover-color: var(--el-color-danger)
        }

        .el-tag.el-tag--error {
            --el-tag-bg-color: var(--el-color-error-light-9);
            --el-tag-border-color: var(--el-color-error-light-8);
            --el-tag-hover-color: var(--el-color-error)
        }

        .el-tag.el-tag--info {
            --el-tag-bg-color: var(--el-color-info-light-9);
            --el-tag-border-color: var(--el-color-info-light-8);
            --el-tag-hover-color: var(--el-color-info)
        }

        .el-tag.el-tag--primary {
            --el-tag-text-color: var(--el-color-primary)
        }

        .el-tag.el-tag--success {
            --el-tag-text-color: var(--el-color-success)
        }

        .el-tag.el-tag--warning {
            --el-tag-text-color: var(--el-color-warning)
        }

        .el-tag.el-tag--danger {
            --el-tag-text-color: var(--el-color-danger)
        }

        .el-tag.el-tag--error {
            --el-tag-text-color: var(--el-color-error)
        }

        .el-tag.el-tag--info {
            --el-tag-text-color: var(--el-color-info)
        }

        .el-tag.is-hit {
            border-color: var(--el-color-primary)
        }

        .el-tag.is-round {
            border-radius: var(--el-tag-border-radius-rounded)
        }

        .el-tag .el-tag__close {
            flex-shrink: 0;
            color: var(--el-tag-text-color)
        }

        .el-tag .el-tag__close:hover {
            color: var(--el-color-white);
            background-color: var(--el-tag-hover-color)
        }

        .el-tag .el-icon {
            border-radius: 50%;
            cursor: pointer;
            font-size: calc(var(--el-icon-size) - 2px);
            height: var(--el-icon-size);
            width: var(--el-icon-size)
        }

        .el-tag .el-tag__close {
            margin-left: 6px
        }

        .el-tag--dark {
            --el-tag-bg-color: var(--el-color-primary);
            --el-tag-border-color: var(--el-color-primary);
            --el-tag-hover-color: var(--el-color-primary-light-3);
            --el-tag-text-color: var(--el-color-white)
        }

        .el-tag--dark.el-tag--primary {
            --el-tag-bg-color: var(--el-color-primary);
            --el-tag-border-color: var(--el-color-primary);
            --el-tag-hover-color: var(--el-color-primary-light-3)
        }

        .el-tag--dark.el-tag--success {
            --el-tag-bg-color: var(--el-color-success);
            --el-tag-border-color: var(--el-color-success);
            --el-tag-hover-color: var(--el-color-success-light-3)
        }

        .el-tag--dark.el-tag--warning {
            --el-tag-bg-color: var(--el-color-warning);
            --el-tag-border-color: var(--el-color-warning);
            --el-tag-hover-color: var(--el-color-warning-light-3)
        }

        .el-tag--dark.el-tag--danger {
            --el-tag-bg-color: var(--el-color-danger);
            --el-tag-border-color: var(--el-color-danger);
            --el-tag-hover-color: var(--el-color-danger-light-3)
        }

        .el-tag--dark.el-tag--error {
            --el-tag-bg-color: var(--el-color-error);
            --el-tag-border-color: var(--el-color-error);
            --el-tag-hover-color: var(--el-color-error-light-3)
        }

        .el-tag--dark.el-tag--info {
            --el-tag-bg-color: var(--el-color-info);
            --el-tag-border-color: var(--el-color-info);
            --el-tag-hover-color: var(--el-color-info-light-3)
        }

        .el-tag--dark.el-tag--primary, .el-tag--dark.el-tag--success, .el-tag--dark.el-tag--warning, .el-tag--dark.el-tag--danger, .el-tag--dark.el-tag--error, .el-tag--dark.el-tag--info {
            --el-tag-text-color: var(--el-color-white)
        }

        .el-tag--plain {
            --el-tag-border-color: var(--el-color-primary-light-5);
            --el-tag-hover-color: var(--el-color-primary);
            --el-tag-bg-color: var(--el-fill-color-blank)
        }

        .el-tag--plain.el-tag--primary {
            --el-tag-bg-color: var(--el-fill-color-blank);
            --el-tag-border-color: var(--el-color-primary-light-5);
            --el-tag-hover-color: var(--el-color-primary)
        }

        .el-tag--plain.el-tag--success {
            --el-tag-bg-color: var(--el-fill-color-blank);
            --el-tag-border-color: var(--el-color-success-light-5);
            --el-tag-hover-color: var(--el-color-success)
        }

        .el-tag--plain.el-tag--warning {
            --el-tag-bg-color: var(--el-fill-color-blank);
            --el-tag-border-color: var(--el-color-warning-light-5);
            --el-tag-hover-color: var(--el-color-warning)
        }

        .el-tag--plain.el-tag--danger {
            --el-tag-bg-color: var(--el-fill-color-blank);
            --el-tag-border-color: var(--el-color-danger-light-5);
            --el-tag-hover-color: var(--el-color-danger)
        }

        .el-tag--plain.el-tag--error {
            --el-tag-bg-color: var(--el-fill-color-blank);
            --el-tag-border-color: var(--el-color-error-light-5);
            --el-tag-hover-color: var(--el-color-error)
        }

        .el-tag--plain.el-tag--info {
            --el-tag-bg-color: var(--el-fill-color-blank);
            --el-tag-border-color: var(--el-color-info-light-5);
            --el-tag-hover-color: var(--el-color-info)
        }

        .el-tag.is-closable {
            padding-right: 5px
        }

        .el-tag--large {
            padding: 0 11px;
            height: 32px;
            --el-icon-size: 16px
        }

        .el-tag--large .el-tag__close {
            margin-left: 8px
        }

        .el-tag--large.is-closable {
            padding-right: 7px
        }

        .el-tag--small {
            padding: 0 7px;
            height: 20px;
            --el-icon-size: 12px
        }

        .el-tag--small .el-tag__close {
            margin-left: 4px
        }

        .el-tag--small.is-closable {
            padding-right: 3px
        }

        .el-tag--small .el-icon-close {
            transform: scale(.8)
        }

        .el-tag.el-tag--primary.is-hit {
            border-color: var(--el-color-primary)
        }

        .el-tag.el-tag--success.is-hit {
            border-color: var(--el-color-success)
        }

        .el-tag.el-tag--warning.is-hit {
            border-color: var(--el-color-warning)
        }

        .el-tag.el-tag--danger.is-hit {
            border-color: var(--el-color-danger)
        }

        .el-tag.el-tag--error.is-hit {
            border-color: var(--el-color-error)
        }

        .el-tag.el-tag--info.is-hit {
            border-color: var(--el-color-info)
        }

        .el-text {
            --el-text-font-size: var(--el-font-size-base);
            --el-text-color: var(--el-text-color-regular)
        }

        .el-text {
            align-self: center;
            margin: 0;
            padding: 0;
            font-size: var(--el-text-font-size);
            color: var(--el-text-color);
            overflow-wrap: break-word
        }

        .el-text.is-truncated {
            display: inline-block;
            max-width: 100%;
            text-overflow: ellipsis;
            white-space: nowrap;
            overflow: hidden
        }

        .el-text.is-line-clamp {
            display: -webkit-inline-box;
            -webkit-box-orient: vertical;
            overflow: hidden
        }

        .el-text--large {
            --el-text-font-size: var(--el-font-size-medium)
        }

        .el-text--default {
            --el-text-font-size: var(--el-font-size-base)
        }

        .el-text--small {
            --el-text-font-size: var(--el-font-size-extra-small)
        }

        .el-text.el-text--primary {
            --el-text-color: var(--el-color-primary)
        }

        .el-text.el-text--success {
            --el-text-color: var(--el-color-success)
        }

        .el-text.el-text--warning {
            --el-text-color: var(--el-color-warning)
        }

        .el-text.el-text--danger {
            --el-text-color: var(--el-color-danger)
        }

        .el-text.el-text--error {
            --el-text-color: var(--el-color-error)
        }

        .el-text.el-text--info {
            --el-text-color: var(--el-color-info)
        }

        .el-text > .el-icon {
            vertical-align: -2px
        }

        .time-select {
            margin: 5px 0;
            min-width: 0
        }

        .time-select .el-picker-panel__content {
            max-height: 200px;
            margin: 0
        }

        .time-select-item {
            padding: 8px 10px;
            font-size: 14px;
            line-height: 20px
        }

        .time-select-item.disabled {
            color: var(--el-datepicker-border-color);
            cursor: not-allowed
        }

        .time-select-item:hover {
            background-color: var(--el-fill-color-light);
            font-weight: 700;
            cursor: pointer
        }

        .time-select .time-select-item.selected:not(.disabled) {
            color: var(--el-color-primary);
            font-weight: 700
        }

        .el-timeline-item {
            position: relative;
            padding-bottom: 20px
        }

        .el-timeline-item__wrapper {
            position: relative;
            padding-left: 28px;
            top: -3px
        }

        .el-timeline-item__tail {
            position: absolute;
            left: 4px;
            height: 100%;
            border-left: 2px solid var(--el-timeline-node-color)
        }

        .el-timeline-item .el-timeline-item__icon {
            color: var(--el-color-white);
            font-size: var(--el-font-size-small)
        }

        .el-timeline-item__node {
            position: absolute;
            background-color: var(--el-timeline-node-color);
            border-color: var(--el-timeline-node-color);
            border-radius: 50%;
            box-sizing: border-box;
            display: flex;
            justify-content: center;
            align-items: center
        }

        .el-timeline-item__node--normal {
            left: -1px;
            width: var(--el-timeline-node-size-normal);
            height: var(--el-timeline-node-size-normal)
        }

        .el-timeline-item__node--large {
            left: -2px;
            width: var(--el-timeline-node-size-large);
            height: var(--el-timeline-node-size-large)
        }

        .el-timeline-item__node.is-hollow {
            background: var(--el-color-white);
            border-style: solid;
            border-width: 2px
        }

        .el-timeline-item__node--primary {
            background-color: var(--el-color-primary);
            border-color: var(--el-color-primary)
        }

        .el-timeline-item__node--success {
            background-color: var(--el-color-success);
            border-color: var(--el-color-success)
        }

        .el-timeline-item__node--warning {
            background-color: var(--el-color-warning);
            border-color: var(--el-color-warning)
        }

        .el-timeline-item__node--danger {
            background-color: var(--el-color-danger);
            border-color: var(--el-color-danger)
        }

        .el-timeline-item__node--info {
            background-color: var(--el-color-info);
            border-color: var(--el-color-info)
        }

        .el-timeline-item__dot {
            position: absolute;
            display: flex;
            justify-content: center;
            align-items: center
        }

        .el-timeline-item__content {
            color: var(--el-text-color-primary)
        }

        .el-timeline-item__timestamp {
            color: var(--el-text-color-secondary);
            line-height: 1;
            font-size: var(--el-font-size-small)
        }

        .el-timeline-item__timestamp.is-top {
            margin-bottom: 8px;
            padding-top: 4px
        }

        .el-timeline-item__timestamp.is-bottom {
            margin-top: 8px
        }

        .el-timeline {
            --el-timeline-node-size-normal: 12px;
            --el-timeline-node-size-large: 14px;
            --el-timeline-node-color: var(--el-border-color-light)
        }

        .el-timeline {
            margin: 0;
            font-size: var(--el-font-size-base);
            list-style: none
        }

        .el-timeline .el-timeline-item:last-child .el-timeline-item__tail {
            display: none
        }

        .el-timeline .el-timeline-item__center {
            display: flex;
            align-items: center
        }

        .el-timeline .el-timeline-item__center .el-timeline-item__wrapper {
            width: 100%
        }

        .el-timeline .el-timeline-item__center .el-timeline-item__tail {
            top: 0
        }

        .el-timeline .el-timeline-item__center:first-child .el-timeline-item__tail {
            height: calc(50% + 10px);
            top: calc(50% - 10px)
        }

        .el-timeline .el-timeline-item__center:last-child .el-timeline-item__tail {
            display: block;
            height: calc(50% - 10px)
        }

        .el-tooltip-v2__content {
            --el-tooltip-v2-padding: 5px 10px;
            --el-tooltip-v2-border-radius: 4px;
            --el-tooltip-v2-border-color: var(--el-border-color);
            border-radius: var(--el-tooltip-v2-border-radius);
            color: var(--el-color-black);
            background-color: var(--el-color-white);
            padding: var(--el-tooltip-v2-padding);
            border: 1px solid var(--el-border-color)
        }

        .el-tooltip-v2__arrow {
            position: absolute;
            color: var(--el-color-white);
            width: var(--el-tooltip-v2-arrow-width);
            height: var(--el-tooltip-v2-arrow-height);
            pointer-events: none;
            left: var(--el-tooltip-v2-arrow-x);
            top: var(--el-tooltip-v2-arrow-y)
        }

        .el-tooltip-v2__arrow:before {
            content: "";
            width: 0;
            height: 0;
            border: var(--el-tooltip-v2-arrow-border-width) solid transparent;
            position: absolute
        }

        .el-tooltip-v2__arrow:after {
            content: "";
            width: 0;
            height: 0;
            border: var(--el-tooltip-v2-arrow-border-width) solid transparent;
            position: absolute
        }

        .el-tooltip-v2__content[data-side^=top] .el-tooltip-v2__arrow {
            bottom: 0
        }

        .el-tooltip-v2__content[data-side^=top] .el-tooltip-v2__arrow:before {
            border-top-color: var(--el-color-white);
            border-top-width: var(--el-tooltip-v2-arrow-border-width);
            border-bottom: 0;
            top: calc(100% - 1px)
        }

        .el-tooltip-v2__content[data-side^=top] .el-tooltip-v2__arrow:after {
            border-top-color: var(--el-border-color);
            border-top-width: var(--el-tooltip-v2-arrow-border-width);
            border-bottom: 0;
            top: 100%;
            z-index: -1
        }

        .el-tooltip-v2__content[data-side^=bottom] .el-tooltip-v2__arrow {
            top: 0
        }

        .el-tooltip-v2__content[data-side^=bottom] .el-tooltip-v2__arrow:before {
            border-bottom-color: var(--el-color-white);
            border-bottom-width: var(--el-tooltip-v2-arrow-border-width);
            border-top: 0;
            bottom: calc(100% - 1px)
        }

        .el-tooltip-v2__content[data-side^=bottom] .el-tooltip-v2__arrow:after {
            border-bottom-color: var(--el-border-color);
            border-bottom-width: var(--el-tooltip-v2-arrow-border-width);
            border-top: 0;
            bottom: 100%;
            z-index: -1
        }

        .el-tooltip-v2__content[data-side^=left] .el-tooltip-v2__arrow {
            right: 0
        }

        .el-tooltip-v2__content[data-side^=left] .el-tooltip-v2__arrow:before {
            border-left-color: var(--el-color-white);
            border-left-width: var(--el-tooltip-v2-arrow-border-width);
            border-right: 0;
            left: calc(100% - 1px)
        }

        .el-tooltip-v2__content[data-side^=left] .el-tooltip-v2__arrow:after {
            border-left-color: var(--el-border-color);
            border-left-width: var(--el-tooltip-v2-arrow-border-width);
            border-right: 0;
            left: 100%;
            z-index: -1
        }

        .el-tooltip-v2__content[data-side^=right] .el-tooltip-v2__arrow {
            left: 0
        }

        .el-tooltip-v2__content[data-side^=right] .el-tooltip-v2__arrow:before {
            border-right-color: var(--el-color-white);
            border-right-width: var(--el-tooltip-v2-arrow-border-width);
            border-left: 0;
            right: calc(100% - 1px)
        }

        .el-tooltip-v2__content[data-side^=right] .el-tooltip-v2__arrow:after {
            border-right-color: var(--el-border-color);
            border-right-width: var(--el-tooltip-v2-arrow-border-width);
            border-left: 0;
            right: 100%;
            z-index: -1
        }

        .el-tooltip-v2__content.is-dark {
            --el-tooltip-v2-border-color: transparent;
            background-color: var(--el-color-black);
            color: var(--el-color-white);
            border-color: transparent
        }

        .el-tooltip-v2__content.is-dark .el-tooltip-v2__arrow {
            background-color: var(--el-color-black);
            border-color: transparent
        }

        .el-transfer {
            --el-transfer-border-color: var(--el-border-color-lighter);
            --el-transfer-border-radius: var(--el-border-radius-base);
            --el-transfer-panel-width: 200px;
            --el-transfer-panel-header-height: 40px;
            --el-transfer-panel-header-bg-color: var(--el-fill-color-light);
            --el-transfer-panel-footer-height: 40px;
            --el-transfer-panel-body-height: 278px;
            --el-transfer-item-height: 30px;
            --el-transfer-filter-height: 32px
        }

        .el-transfer {
            font-size: var(--el-font-size-base)
        }

        .el-transfer__buttons {
            display: inline-block;
            vertical-align: middle;
            padding: 0 30px
        }

        .el-transfer__button {
            vertical-align: top
        }

        .el-transfer__button:nth-child(2) {
            margin: 0 0 0 10px
        }

        .el-transfer__button i, .el-transfer__button span {
            font-size: 14px
        }

        .el-transfer__button .el-icon + span {
            margin-left: 0
        }

        .el-transfer-panel {
            overflow: hidden;
            background: var(--el-bg-color-overlay);
            display: inline-block;
            text-align: left;
            vertical-align: middle;
            width: var(--el-transfer-panel-width);
            max-height: 100%;
            box-sizing: border-box;
            position: relative
        }

        .el-transfer-panel__body {
            height: var(--el-transfer-panel-body-height);
            border-left: 1px solid var(--el-transfer-border-color);
            border-right: 1px solid var(--el-transfer-border-color);
            border-bottom: 1px solid var(--el-transfer-border-color);
            border-bottom-left-radius: var(--el-transfer-border-radius);
            border-bottom-right-radius: var(--el-transfer-border-radius);
            overflow: hidden
        }

        .el-transfer-panel__body.is-with-footer {
            border-bottom: none;
            border-bottom-left-radius: 0;
            border-bottom-right-radius: 0
        }

        .el-transfer-panel__list {
            margin: 0;
            padding: 6px 0;
            list-style: none;
            height: var(--el-transfer-panel-body-height);
            overflow: auto;
            box-sizing: border-box
        }

        .el-transfer-panel__list.is-filterable {
            height: calc(100% - var(--el-transfer-filter-height) - 30px);
            padding-top: 0
        }

        .el-transfer-panel__item {
            height: var(--el-transfer-item-height);
            line-height: var(--el-transfer-item-height);
            padding-left: 15px;
            display: block !important
        }

        .el-transfer-panel__item + .el-transfer-panel__item {
            margin-left: 0
        }

        .el-transfer-panel__item.el-checkbox {
            color: var(--el-text-color-regular)
        }

        .el-transfer-panel__item:hover {
            color: var(--el-color-primary)
        }

        .el-transfer-panel__item.el-checkbox .el-checkbox__label {
            width: 100%;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            display: block;
            box-sizing: border-box;
            padding-left: 22px;
            line-height: var(--el-transfer-item-height)
        }

        .el-transfer-panel__item .el-checkbox__input {
            position: absolute;
            top: 8px
        }

        .el-transfer-panel__filter {
            text-align: center;
            padding: 15px;
            box-sizing: border-box
        }

        .el-transfer-panel__filter .el-input__inner {
            height: var(--el-transfer-filter-height);
            width: 100%;
            font-size: 12px;
            display: inline-block;
            box-sizing: border-box;
            border-radius: calc(var(--el-transfer-filter-height) / 2)
        }

        .el-transfer-panel__filter .el-icon-circle-close {
            cursor: pointer
        }

        .el-transfer-panel .el-transfer-panel__header {
            display: flex;
            align-items: center;
            height: var(--el-transfer-panel-header-height);
            background: var(--el-transfer-panel-header-bg-color);
            margin: 0;
            padding-left: 15px;
            border: 1px solid var(--el-transfer-border-color);
            border-top-left-radius: var(--el-transfer-border-radius);
            border-top-right-radius: var(--el-transfer-border-radius);
            box-sizing: border-box;
            color: var(--el-color-black)
        }

        .el-transfer-panel .el-transfer-panel__header .el-checkbox {
            position: relative;
            display: flex;
            width: 100%;
            align-items: center
        }

        .el-transfer-panel .el-transfer-panel__header .el-checkbox .el-checkbox__label {
            font-size: 16px;
            color: var(--el-text-color-primary);
            font-weight: 400
        }

        .el-transfer-panel .el-transfer-panel__header .el-checkbox .el-checkbox__label span {
            position: absolute;
            right: 15px;
            top: 50%;
            transform: translate3d(0, -50%, 0);
            color: var(--el-text-color-secondary);
            font-size: 12px;
            font-weight: 400
        }

        .el-transfer-panel .el-transfer-panel__footer {
            height: var(--el-transfer-panel-footer-height);
            background: var(--el-bg-color-overlay);
            margin: 0;
            padding: 0;
            border: 1px solid var(--el-transfer-border-color);
            border-bottom-left-radius: var(--el-transfer-border-radius);
            border-bottom-right-radius: var(--el-transfer-border-radius)
        }

        .el-transfer-panel .el-transfer-panel__footer:after {
            display: inline-block;
            content: "";
            height: 100%;
            vertical-align: middle
        }

        .el-transfer-panel .el-transfer-panel__footer .el-checkbox {
            padding-left: 20px;
            color: var(--el-text-color-regular)
        }

        .el-transfer-panel .el-transfer-panel__empty {
            margin: 0;
            height: var(--el-transfer-item-height);
            line-height: var(--el-transfer-item-height);
            padding: 6px 15px 0;
            color: var(--el-text-color-secondary);
            text-align: center
        }

        .el-transfer-panel .el-checkbox__label {
            padding-left: 8px
        }

        .el-transfer-panel .el-checkbox__inner {
            height: 14px;
            width: 14px;
            border-radius: 3px
        }

        .el-transfer-panel .el-checkbox__inner:after {
            height: 6px;
            width: 3px;
            left: 4px
        }

        .el-tree {
            --el-tree-node-content-height: 26px;
            --el-tree-node-hover-bg-color: var(--el-fill-color-light);
            --el-tree-text-color: var(--el-text-color-regular);
            --el-tree-expand-icon-color: var(--el-text-color-placeholder)
        }

        .el-tree {
            position: relative;
            cursor: default;
            background: var(--el-fill-color-blank);
            color: var(--el-tree-text-color);
            font-size: var(--el-font-size-base)
        }

        .el-tree__empty-block {
            position: relative;
            min-height: 60px;
            text-align: center;
            width: 100%;
            height: 100%
        }

        .el-tree__empty-text {
            position: absolute;
            left: 50%;
            top: 50%;
            transform: translate(-50%, -50%);
            color: var(--el-text-color-secondary);
            font-size: var(--el-font-size-base)
        }

        .el-tree__drop-indicator {
            position: absolute;
            left: 0;
            right: 0;
            height: 1px;
            background-color: var(--el-color-primary)
        }

        .el-tree-node {
            white-space: nowrap;
            outline: none
        }

        .el-tree-node:focus > .el-tree-node__content {
            background-color: var(--el-tree-node-hover-bg-color)
        }

        .el-tree-node.is-drop-inner > .el-tree-node__content .el-tree-node__label {
            background-color: var(--el-color-primary);
            color: #fff
        }

        .el-tree-node__content {
            --el-checkbox-height: var(--el-tree-node-content-height);
            display: flex;
            align-items: center;
            height: var(--el-tree-node-content-height);
            cursor: pointer
        }

        .el-tree-node__content > .el-tree-node__expand-icon {
            padding: 6px;
            box-sizing: content-box
        }

        .el-tree-node__content > label.el-checkbox {
            margin-right: 8px
        }

        .el-tree-node__content:hover {
            background-color: var(--el-tree-node-hover-bg-color)
        }

        .el-tree.is-dragging .el-tree-node__content {
            cursor: move
        }

        .el-tree.is-dragging .el-tree-node__content * {
            pointer-events: none
        }

        .el-tree.is-dragging.is-drop-not-allow .el-tree-node__content {
            cursor: not-allowed
        }

        .el-tree-node__expand-icon {
            cursor: pointer;
            color: var(--el-tree-expand-icon-color);
            font-size: 12px;
            transform: rotate(0);
            transition: transform var(--el-transition-duration) ease-in-out
        }

        .el-tree-node__expand-icon.expanded {
            transform: rotate(90deg)
        }

        .el-tree-node__expand-icon.is-leaf {
            color: transparent;
            cursor: default;
            visibility: hidden
        }

        .el-tree-node__expand-icon.is-hidden {
            visibility: hidden
        }

        .el-tree-node__loading-icon {
            margin-right: 8px;
            font-size: var(--el-font-size-base);
            color: var(--el-tree-expand-icon-color)
        }

        .el-tree-node > .el-tree-node__children {
            overflow: hidden;
            background-color: transparent
        }

        .el-tree-node.is-expanded > .el-tree-node__children {
            display: block
        }

        .el-tree--highlight-current .el-tree-node.is-current > .el-tree-node__content {
            background-color: var(--el-color-primary-light-9)
        }

        .el-tree-select {
            --el-tree-node-content-height: 26px;
            --el-tree-node-hover-bg-color: var(--el-fill-color-light);
            --el-tree-text-color: var(--el-text-color-regular);
            --el-tree-expand-icon-color: var(--el-text-color-placeholder)
        }

        .el-tree-select__popper .el-tree-node__expand-icon {
            margin-left: 8px
        }

        .el-tree-select__popper .el-tree-node.is-checked > .el-tree-node__content .el-select-dropdown__item.selected:after {
            content: none
        }

        .el-tree-select__popper .el-select-dropdown__item {
            flex: 1;
            background: transparent !important;
            padding-left: 0;
            height: 20px;
            line-height: 20px
        }

        .el-upload {
            --el-upload-dragger-padding-horizontal: 40px;
            --el-upload-dragger-padding-vertical: 10px
        }

        .el-upload {
            display: inline-flex;
            justify-content: center;
            align-items: center;
            cursor: pointer;
            outline: none
        }

        .el-upload__input {
            display: none
        }

        .el-upload__tip {
            font-size: 12px;
            color: var(--el-text-color-regular);
            margin-top: 7px
        }

        .el-upload iframe {
            position: absolute;
            z-index: -1;
            top: 0;
            left: 0;
            opacity: 0;
            filter: alpha(opacity=0)
        }

        .el-upload--picture-card {
            --el-upload-picture-card-size: 148px;
            background-color: var(--el-fill-color-lighter);
            border: 1px dashed var(--el-border-color-darker);
            border-radius: 6px;
            box-sizing: border-box;
            width: var(--el-upload-picture-card-size);
            height: var(--el-upload-picture-card-size);
            cursor: pointer;
            vertical-align: top;
            display: inline-flex;
            justify-content: center;
            align-items: center
        }

        .el-upload--picture-card > i {
            font-size: 28px;
            color: var(--el-text-color-secondary)
        }

        .el-upload--picture-card:hover {
            border-color: var(--el-color-primary);
            color: var(--el-color-primary)
        }

        .el-upload.is-drag {
            display: block
        }

        .el-upload:focus {
            border-color: var(--el-color-primary);
            color: var(--el-color-primary)
        }

        .el-upload:focus .el-upload-dragger {
            border-color: var(--el-color-primary)
        }

        .el-upload-dragger {
            padding: var(--el-upload-dragger-padding-horizontal) var(--el-upload-dragger-padding-vertical);
            background-color: var(--el-fill-color-blank);
            border: 1px dashed var(--el-border-color);
            border-radius: 6px;
            box-sizing: border-box;
            text-align: center;
            cursor: pointer;
            position: relative;
            overflow: hidden
        }

        .el-upload-dragger .el-icon--upload {
            font-size: 67px;
            color: var(--el-text-color-placeholder);
            margin-bottom: 16px;
            line-height: 50px
        }

        .el-upload-dragger + .el-upload__tip {
            text-align: center
        }

        .el-upload-dragger ~ .el-upload__files {
            border-top: var(--el-border);
            margin-top: 7px;
            padding-top: 5px
        }

        .el-upload-dragger .el-upload__text {
            color: var(--el-text-color-regular);
            font-size: 14px;
            text-align: center
        }

        .el-upload-dragger .el-upload__text em {
            color: var(--el-color-primary);
            font-style: normal
        }

        .el-upload-dragger:hover {
            border-color: var(--el-color-primary)
        }

        .el-upload-dragger.is-dragover {
            padding: calc(var(--el-upload-dragger-padding-horizontal) - 1px) calc(var(--el-upload-dragger-padding-vertical) - 1px);
            background-color: var(--el-color-primary-light-9);
            border: 2px dashed var(--el-color-primary)
        }

        .el-upload-list {
            margin: 10px 0 0;
            padding: 0;
            list-style: none;
            position: relative
        }

        .el-upload-list__item {
            transition: all .5s cubic-bezier(.55, 0, .1, 1);
            font-size: 14px;
            color: var(--el-text-color-regular);
            margin-bottom: 5px;
            position: relative;
            box-sizing: border-box;
            border-radius: 4px;
            width: 100%
        }

        .el-upload-list__item .el-progress {
            position: absolute;
            top: 20px;
            width: 100%
        }

        .el-upload-list__item .el-progress__text {
            position: absolute;
            right: 0;
            top: -13px
        }

        .el-upload-list__item .el-progress-bar {
            margin-right: 0;
            padding-right: 0
        }

        .el-upload-list__item .el-icon--upload-success {
            color: var(--el-color-success)
        }

        .el-upload-list__item .el-icon--close {
            display: none;
            position: absolute;
            right: 5px;
            top: 50%;
            cursor: pointer;
            opacity: .75;
            color: var(--el-text-color-regular);
            transition: opacity var(--el-transition-duration);
            transform: translateY(-50%)
        }

        .el-upload-list__item .el-icon--close:hover {
            opacity: 1;
            color: var(--el-color-primary)
        }

        .el-upload-list__item .el-icon--close-tip {
            display: none;
            position: absolute;
            top: 1px;
            right: 5px;
            font-size: 12px;
            cursor: pointer;
            opacity: 1;
            color: var(--el-color-primary);
            font-style: normal
        }

        .el-upload-list__item:hover {
            background-color: var(--el-fill-color-light)
        }

        .el-upload-list__item:hover .el-icon--close {
            display: inline-flex
        }

        .el-upload-list__item:hover .el-progress__text {
            display: none
        }

        .el-upload-list__item .el-upload-list__item-info {
            display: inline-flex;
            justify-content: center;
            flex-direction: column;
            width: calc(100% - 30px);
            margin-left: 4px
        }

        .el-upload-list__item.is-success .el-upload-list__item-status-label {
            display: inline-flex
        }

        .el-upload-list__item.is-success .el-upload-list__item-name:hover, .el-upload-list__item.is-success .el-upload-list__item-name:focus {
            color: var(--el-color-primary);
            cursor: pointer
        }

        .el-upload-list__item.is-success:focus:not(:hover) .el-icon--close-tip {
            display: inline-block
        }

        .el-upload-list__item.is-success:not(.focusing):focus, .el-upload-list__item.is-success:active {
            outline-width: 0
        }

        .el-upload-list__item.is-success:not(.focusing):focus .el-icon--close-tip, .el-upload-list__item.is-success:active .el-icon--close-tip {
            display: none
        }

        .el-upload-list__item.is-success:hover .el-upload-list__item-status-label, .el-upload-list__item.is-success:focus .el-upload-list__item-status-label {
            display: none;
            opacity: 0
        }

        .el-upload-list__item-name {
            color: var(--el-text-color-regular);
            display: inline-flex;
            text-align: center;
            align-items: center;
            padding: 0 4px;
            transition: color var(--el-transition-duration);
            font-size: var(--el-font-size-base)
        }

        .el-upload-list__item-name .el-icon {
            margin-right: 6px;
            color: var(--el-text-color-secondary)
        }

        .el-upload-list__item-file-name {
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap
        }

        .el-upload-list__item-status-label {
            position: absolute;
            right: 5px;
            top: 0;
            line-height: inherit;
            display: none;
            height: 100%;
            justify-content: center;
            align-items: center;
            transition: opacity var(--el-transition-duration)
        }

        .el-upload-list__item-delete {
            position: absolute;
            right: 10px;
            top: 0;
            font-size: 12px;
            color: var(--el-text-color-regular);
            display: none
        }

        .el-upload-list__item-delete:hover {
            color: var(--el-color-primary)
        }

        .el-upload-list--picture-card {
            --el-upload-list-picture-card-size: 148px;
            display: inline-flex;
            flex-wrap: wrap;
            margin: 0
        }

        .el-upload-list--picture-card .el-upload-list__item {
            overflow: hidden;
            background-color: var(--el-fill-color-blank);
            border: 1px solid var(--el-border-color);
            border-radius: 6px;
            box-sizing: border-box;
            width: var(--el-upload-list-picture-card-size);
            height: var(--el-upload-list-picture-card-size);
            margin: 0 8px 8px 0;
            padding: 0;
            display: inline-flex
        }

        .el-upload-list--picture-card .el-upload-list__item .el-icon--check, .el-upload-list--picture-card .el-upload-list__item .el-icon--circle-check {
            color: #fff
        }

        .el-upload-list--picture-card .el-upload-list__item .el-icon--close {
            display: none
        }

        .el-upload-list--picture-card .el-upload-list__item:hover .el-upload-list__item-status-label {
            opacity: 0;
            display: block
        }

        .el-upload-list--picture-card .el-upload-list__item:hover .el-progress__text {
            display: block
        }

        .el-upload-list--picture-card .el-upload-list__item .el-upload-list__item-name {
            display: none
        }

        .el-upload-list--picture-card .el-upload-list__item-thumbnail {
            width: 100%;
            height: 100%;
            object-fit: contain
        }

        .el-upload-list--picture-card .el-upload-list__item-status-label {
            right: -15px;
            top: -6px;
            width: 40px;
            height: 24px;
            background: var(--el-color-success);
            text-align: center;
            transform: rotate(45deg)
        }

        .el-upload-list--picture-card .el-upload-list__item-status-label i {
            font-size: 12px;
            margin-top: 11px;
            transform: rotate(-45deg)
        }

        .el-upload-list--picture-card .el-upload-list__item-actions {
            position: absolute;
            width: 100%;
            height: 100%;
            left: 0;
            top: 0;
            cursor: default;
            display: inline-flex;
            justify-content: center;
            align-items: center;
            color: #fff;
            opacity: 0;
            font-size: 20px;
            background-color: var(--el-overlay-color-lighter);
            transition: opacity var(--el-transition-duration)
        }

        .el-upload-list--picture-card .el-upload-list__item-actions span {
            display: none;
            cursor: pointer
        }

        .el-upload-list--picture-card .el-upload-list__item-actions span + span {
            margin-left: 1rem
        }

        .el-upload-list--picture-card .el-upload-list__item-actions .el-upload-list__item-delete {
            position: static;
            font-size: inherit;
            color: inherit
        }

        .el-upload-list--picture-card .el-upload-list__item-actions:hover {
            opacity: 1
        }

        .el-upload-list--picture-card .el-upload-list__item-actions:hover span {
            display: inline-flex
        }

        .el-upload-list--picture-card .el-progress {
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            bottom: auto;
            width: 126px
        }

        .el-upload-list--picture-card .el-progress .el-progress__text {
            top: 50%
        }

        .el-upload-list--picture .el-upload-list__item {
            overflow: hidden;
            z-index: 0;
            background-color: var(--el-fill-color-blank);
            border: 1px solid var(--el-border-color);
            border-radius: 6px;
            box-sizing: border-box;
            margin-top: 10px;
            padding: 10px;
            display: flex;
            align-items: center
        }

        .el-upload-list--picture .el-upload-list__item .el-icon--check, .el-upload-list--picture .el-upload-list__item .el-icon--circle-check {
            color: #fff
        }

        .el-upload-list--picture .el-upload-list__item:hover .el-upload-list__item-status-label {
            opacity: 0;
            display: inline-flex
        }

        .el-upload-list--picture .el-upload-list__item:hover .el-progress__text {
            display: block
        }

        .el-upload-list--picture .el-upload-list__item.is-success .el-upload-list__item-name i {
            display: none
        }

        .el-upload-list--picture .el-upload-list__item .el-icon--close {
            top: 5px;
            transform: translateY(0)
        }

        .el-upload-list--picture .el-upload-list__item-thumbnail {
            display: inline-flex;
            justify-content: center;
            align-items: center;
            width: 70px;
            height: 70px;
            object-fit: contain;
            position: relative;
            z-index: 1;
            background-color: var(--el-color-white)
        }

        .el-upload-list--picture .el-upload-list__item-status-label {
            position: absolute;
            right: -17px;
            top: -7px;
            width: 46px;
            height: 26px;
            background: var(--el-color-success);
            text-align: center;
            transform: rotate(45deg)
        }

        .el-upload-list--picture .el-upload-list__item-status-label i {
            font-size: 12px;
            margin-top: 12px;
            transform: rotate(-45deg)
        }

        .el-upload-list--picture .el-progress {
            position: relative;
            top: -7px
        }

        .el-upload-cover {
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            overflow: hidden;
            z-index: 10;
            cursor: default
        }

        .el-upload-cover:after {
            display: inline-block;
            content: "";
            height: 100%;
            vertical-align: middle
        }

        .el-upload-cover img {
            display: block;
            width: 100%;
            height: 100%
        }

        .el-upload-cover__label {
            right: -15px;
            top: -6px;
            width: 40px;
            height: 24px;
            background: var(--el-color-success);
            text-align: center;
            transform: rotate(45deg)
        }

        .el-upload-cover__label i {
            font-size: 12px;
            margin-top: 11px;
            transform: rotate(-45deg);
            color: #fff
        }

        .el-upload-cover__progress {
            display: inline-block;
            vertical-align: middle;
            position: static;
            width: 243px
        }

        .el-upload-cover__progress + .el-upload__inner {
            opacity: 0
        }

        .el-upload-cover__content {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%
        }

        .el-upload-cover__interact {
            position: absolute;
            bottom: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: var(--el-overlay-color-light);
            text-align: center
        }

        .el-upload-cover__interact .btn {
            display: inline-block;
            color: #fff;
            font-size: 14px;
            cursor: pointer;
            vertical-align: middle;
            transition: var(--el-transition-md-fade);
            margin-top: 60px
        }

        .el-upload-cover__interact .btn i {
            margin-top: 0
        }

        .el-upload-cover__interact .btn span {
            opacity: 0;
            transition: opacity .15s linear
        }

        .el-upload-cover__interact .btn:not(:first-child) {
            margin-left: 35px
        }

        .el-upload-cover__interact .btn:hover {
            transform: translateY(-13px)
        }

        .el-upload-cover__interact .btn:hover span {
            opacity: 1
        }

        .el-upload-cover__interact .btn i {
            color: #fff;
            display: block;
            font-size: 24px;
            line-height: inherit;
            margin: 0 auto 5px
        }

        .el-upload-cover__title {
            position: absolute;
            bottom: 0;
            left: 0;
            background-color: #fff;
            height: 36px;
            width: 100%;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            font-weight: 400;
            text-align: left;
            padding: 0 10px;
            margin: 0;
            line-height: 36px;
            font-size: 14px;
            color: var(--el-text-color-primary)
        }

        .el-upload-cover + .el-upload__inner {
            opacity: 0;
            position: relative;
            z-index: 1
        }

        .el-vl__wrapper {
            position: relative
        }

        .el-vl__wrapper:hover .el-virtual-scrollbar, .el-vl__wrapper.always-on .el-virtual-scrollbar {
            opacity: 1
        }

        .el-vl__window {
            scrollbar-width: none
        }

        .el-vl__window::-webkit-scrollbar {
            display: none
        }

        .el-virtual-scrollbar {
            opacity: 0;
            transition: opacity .34s ease-out
        }

        .el-virtual-scrollbar.always-on {
            opacity: 1
        }

        .el-vg__wrapper {
            position: relative
        }

        .el-popper {
            --el-popper-border-radius: var(--el-popover-border-radius, 4px)
        }

        .el-popper {
            position: absolute;
            border-radius: var(--el-popper-border-radius);
            padding: 5px 11px;
            z-index: 2000;
            font-size: 12px;
            line-height: 20px;
            min-width: 10px;
            overflow-wrap: break-word;
            visibility: visible
        }

        .el-popper.is-dark {
            color: var(--el-bg-color);
            background: var(--el-text-color-primary);
            border: 1px solid var(--el-text-color-primary)
        }

        .el-popper.is-dark .el-popper__arrow:before {
            border: 1px solid var(--el-text-color-primary);
            background: var(--el-text-color-primary);
            right: 0
        }

        .el-popper.is-light {
            background: var(--el-bg-color-overlay);
            border: 1px solid var(--el-border-color-light)
        }

        .el-popper.is-light .el-popper__arrow:before {
            border: 1px solid var(--el-border-color-light);
            background: var(--el-bg-color-overlay);
            right: 0
        }

        .el-popper.is-pure {
            padding: 0
        }

        .el-popper__arrow {
            position: absolute;
            width: 10px;
            height: 10px;
            z-index: -1
        }

        .el-popper__arrow:before {
            position: absolute;
            width: 10px;
            height: 10px;
            z-index: -1;
            content: " ";
            transform: rotate(45deg);
            background: var(--el-text-color-primary);
            box-sizing: border-box
        }

        .el-popper[data-popper-placement^=top] > .el-popper__arrow {
            bottom: -5px
        }

        .el-popper[data-popper-placement^=top] > .el-popper__arrow:before {
            border-bottom-right-radius: 2px
        }

        .el-popper[data-popper-placement^=bottom] > .el-popper__arrow {
            top: -5px
        }

        .el-popper[data-popper-placement^=bottom] > .el-popper__arrow:before {
            border-top-left-radius: 2px
        }

        .el-popper[data-popper-placement^=left] > .el-popper__arrow {
            right: -5px
        }

        .el-popper[data-popper-placement^=left] > .el-popper__arrow:before {
            border-top-right-radius: 2px
        }

        .el-popper[data-popper-placement^=right] > .el-popper__arrow {
            left: -5px
        }

        .el-popper[data-popper-placement^=right] > .el-popper__arrow:before {
            border-bottom-left-radius: 2px
        }

        .el-popper[data-popper-placement^=top] .el-popper__arrow:before {
            border-top-color: transparent !important;
            border-left-color: transparent !important
        }

        .el-popper[data-popper-placement^=bottom] .el-popper__arrow:before {
            border-bottom-color: transparent !important;
            border-right-color: transparent !important
        }

        .el-popper[data-popper-placement^=left] .el-popper__arrow:before {
            border-left-color: transparent !important;
            border-bottom-color: transparent !important
        }

        .el-popper[data-popper-placement^=right] .el-popper__arrow:before {
            border-right-color: transparent !important;
            border-top-color: transparent !important
        }

        .el-statistic {
            --el-statistic-title-font-weight: 400;
            --el-statistic-title-font-size: var(--el-font-size-extra-small);
            --el-statistic-title-color: var(--el-text-color-regular);
            --el-statistic-content-font-weight: 400;
            --el-statistic-content-font-size: var(--el-font-size-extra-large);
            --el-statistic-content-color: var(--el-text-color-primary)
        }

        .el-statistic__head {
            font-weight: var(--el-statistic-title-font-weight);
            font-size: var(--el-statistic-title-font-size);
            color: var(--el-statistic-title-color);
            line-height: 20px;
            margin-bottom: 4px
        }

        .el-statistic__content {
            font-weight: var(--el-statistic-content-font-weight);
            font-size: var(--el-statistic-content-font-size);
            color: var(--el-statistic-content-color)
        }

        .el-statistic__value {
            display: inline-block
        }

        .el-statistic__prefix {
            margin-right: 4px;
            display: inline-block
        }

        .el-statistic__suffix {
            margin-left: 4px;
            display: inline-block
        }

        .el-tour {
            --el-tour-width: 520px;
            --el-tour-padding-primary: 12px;
            --el-tour-font-line-height: var(--el-font-line-height-primary);
            --el-tour-title-font-size: 16px;
            --el-tour-title-text-color: var(--el-text-color-primary);
            --el-tour-title-font-weight: 400;
            --el-tour-close-color: var(--el-color-info);
            --el-tour-font-size: 14px;
            --el-tour-color: var(--el-text-color-primary);
            --el-tour-bg-color: var(--el-bg-color);
            --el-tour-border-radius: 4px
        }

        .el-tour__hollow {
            transition: all var(--el-transition-duration) ease
        }

        .el-tour__content {
            border-radius: var(--el-tour-border-radius);
            width: var(--el-tour-width);
            padding: var(--el-tour-padding-primary);
            background: var(--el-tour-bg-color);
            box-shadow: var(--el-box-shadow-light);
            box-sizing: border-box;
            overflow-wrap: break-word;
            outline: none
        }

        .el-tour__arrow {
            position: absolute;
            background: var(--el-tour-bg-color);
            width: 10px;
            height: 10px;
            pointer-events: none;
            transform: rotate(45deg);
            box-sizing: border-box
        }

        .el-tour__content[data-side^=top] .el-tour__arrow {
            border-top-color: transparent;
            border-left-color: transparent
        }

        .el-tour__content[data-side^=bottom] .el-tour__arrow {
            border-bottom-color: transparent;
            border-right-color: transparent
        }

        .el-tour__content[data-side^=left] .el-tour__arrow {
            border-left-color: transparent;
            border-bottom-color: transparent
        }

        .el-tour__content[data-side^=right] .el-tour__arrow {
            border-right-color: transparent;
            border-top-color: transparent
        }

        .el-tour__content[data-side^=top] .el-tour__arrow {
            bottom: -5px
        }

        .el-tour__content[data-side^=bottom] .el-tour__arrow {
            top: -5px
        }

        .el-tour__content[data-side^=left] .el-tour__arrow {
            right: -5px
        }

        .el-tour__content[data-side^=right] .el-tour__arrow {
            left: -5px
        }

        .el-tour__closebtn {
            position: absolute;
            top: 0;
            right: 0;
            padding: 0;
            width: 40px;
            height: 40px;
            background: transparent;
            border: none;
            outline: none;
            cursor: pointer;
            font-size: var(--el-message-close-size, 16px)
        }

        .el-tour__closebtn .el-tour__close {
            color: var(--el-tour-close-color);
            font-size: inherit
        }

        .el-tour__closebtn:focus .el-tour__close, .el-tour__closebtn:hover .el-tour__close {
            color: var(--el-color-primary)
        }

        .el-tour__header {
            padding-bottom: var(--el-tour-padding-primary)
        }

        .el-tour__header.show-close {
            padding-right: calc(var(--el-tour-padding-primary) + var(--el-message-close-size, 16px))
        }

        .el-tour__title {
            line-height: var(--el-tour-font-line-height);
            font-size: var(--el-tour-title-font-size);
            color: var(--el-tour-title-text-color);
            font-weight: var(--el-tour-title-font-weight)
        }

        .el-tour__body {
            color: var(--el-tour-text-color);
            font-size: var(--el-tour-font-size)
        }

        .el-tour__body img, .el-tour__body video {
            max-width: 100%
        }

        .el-tour__footer {
            padding-top: var(--el-tour-padding-primary);
            box-sizing: border-box;
            display: flex;
            justify-content: space-between
        }

        .el-tour__content .el-tour-indicators {
            display: inline-block;
            flex: 1
        }

        .el-tour__content .el-tour-indicator {
            width: 6px;
            height: 6px;
            display: inline-block;
            border-radius: 50%;
            background: var(--el-color-info-light-9);
            margin-right: 6px
        }

        .el-tour__content .el-tour-indicator.is-active {
            background: var(--el-color-primary)
        }

        .el-tour.el-tour--primary {
            --el-tour-title-text-color: #fff;
            --el-tour-text-color: #fff;
            --el-tour-bg-color: var(--el-color-primary);
            --el-tour-close-color: #fff
        }

        .el-tour.el-tour--primary .el-tour__closebtn:focus .el-tour__close, .el-tour.el-tour--primary .el-tour__closebtn:hover .el-tour__close {
            color: var(--el-tour-title-text-color)
        }

        .el-tour.el-tour--primary .el-button--default {
            color: var(--el-color-primary);
            border-color: var(--el-color-primary);
            background: #fff
        }

        .el-tour.el-tour--primary .el-button--primary {
            border-color: #fff
        }

        .el-tour.el-tour--primary .el-tour-indicator {
            background: rgba(255, 255, 255, .15)
        }

        .el-tour.el-tour--primary .el-tour-indicator.is-active {
            background: #fff
        }

        .el-tour-parent--hidden {
            overflow: hidden
        }

        .el-anchor {
            --el-anchor-bg-color: var(--el-bg-color);
            --el-anchor-padding-indent: 14px;
            --el-anchor-line-height: 22px;
            --el-anchor-font-size: 12px;
            --el-anchor-color: var(--el-text-color-secondary);
            --el-anchor-active-color: var(--el-color-primary);
            --el-anchor-marker-bg-color: var(--el-color-primary);
            position: relative;
            background-color: var(--el-anchor-bg-color)
        }

        .el-anchor__marker {
            position: absolute;
            background-color: var(--el-anchor-marker-bg-color);
            border-radius: 4px;
            opacity: 0;
            z-index: 0
        }

        .el-anchor.el-anchor--vertical .el-anchor__marker {
            width: 4px;
            height: 14px;
            top: 8px;
            left: 0;
            transition: top .25s ease-in-out, opacity .25s
        }

        .el-anchor.el-anchor--vertical .el-anchor__list {
            padding-left: var(--el-anchor-padding-indent)
        }

        .el-anchor.el-anchor--vertical.el-anchor--underline:before {
            position: absolute;
            left: 0;
            width: 2px;
            height: 100%;
            background-color: #0505050f;
            content: ""
        }

        .el-anchor.el-anchor--vertical.el-anchor--underline .el-anchor__marker {
            width: 2px;
            border-radius: unset
        }

        .el-anchor.el-anchor--horizontal .el-anchor__marker {
            height: 2px;
            width: 20px;
            bottom: 0;
            transition: left .25s ease-in-out, opacity .25s, width .25s
        }

        .el-anchor.el-anchor--horizontal .el-anchor__list {
            display: flex;
            padding-bottom: 4px
        }

        .el-anchor.el-anchor--horizontal .el-anchor__list .el-anchor__item {
            padding-left: 16px
        }

        .el-anchor.el-anchor--horizontal .el-anchor__list .el-anchor__item:first-child {
            padding-left: 0
        }

        .el-anchor.el-anchor--horizontal.el-anchor--underline:before {
            position: absolute;
            bottom: 0;
            width: 100%;
            height: 2px;
            background-color: #0505050f;
            content: ""
        }

        .el-anchor.el-anchor--horizontal.el-anchor--underline .el-anchor__marker {
            height: 2px;
            border-radius: unset
        }

        .el-anchor__item {
            overflow: hidden;
            display: flex;
            flex-direction: column
        }

        .el-anchor__link {
            font-size: var(--el-anchor-font-size);
            line-height: var(--el-anchor-line-height);
            padding: 4px 0;
            color: var(--el-anchor-color);
            transition: color var(--el-transition-duration);
            white-space: nowrap;
            text-decoration: none;
            text-overflow: ellipsis;
            overflow: hidden;
            max-width: 100%;
            outline: none;
            cursor: pointer
        }

        .el-anchor__link:hover, .el-anchor__link:focus {
            color: var(--el-anchor-color)
        }

        .el-anchor__link.is-active {
            color: var(--el-anchor-active-color)
        }

        .el-anchor .el-anchor__list .el-anchor__item a {
            display: inline-block
        }

        .el-segmented {
            --el-segmented-color: var(--el-text-color-regular);
            --el-segmented-bg-color: var(--el-fill-color-light);
            --el-segmented-padding: 2px;
            --el-segmented-item-selected-color: var(--el-color-white);
            --el-segmented-item-selected-bg-color: var(--el-color-primary);
            --el-segmented-item-selected-disabled-bg-color: var(--el-color-primary-light-5);
            --el-segmented-item-hover-color: var(--el-text-color-primary);
            --el-segmented-item-hover-bg-color: var(--el-fill-color-dark);
            --el-segmented-item-active-bg-color: var(--el-fill-color-darker);
            --el-segmented-item-disabled-color: var(--el-text-color-placeholder)
        }

        .el-segmented {
            display: inline-flex;
            align-items: stretch;
            min-height: 32px;
            background: var(--el-segmented-bg-color);
            padding: var(--el-segmented-padding);
            border-radius: var(--el-border-radius-base);
            font-size: 14px;
            color: var(--el-segmented-color);
            box-sizing: border-box
        }

        .el-segmented__group {
            display: flex;
            align-items: stretch;
            position: relative;
            width: 100%
        }

        .el-segmented__item-selected {
            position: absolute;
            top: 0;
            left: 0;
            background: var(--el-segmented-item-selected-bg-color);
            height: 100%;
            width: 10px;
            border-radius: calc(var(--el-border-radius-base) - 2px);
            transition: all .3s;
            pointer-events: none
        }

        .el-segmented__item-selected.is-disabled {
            background: var(--el-segmented-item-selected-disabled-bg-color)
        }

        .el-segmented__item-selected.is-focus-visible:before {
            position: absolute;
            content: "";
            inset: 0;
            border-radius: inherit;
            outline: 2px solid var(--el-segmented-item-selected-bg-color);
            outline-offset: 1px
        }

        .el-segmented__item {
            display: flex;
            align-items: center;
            flex: 1;
            cursor: pointer;
            border-radius: calc(var(--el-border-radius-base) - 2px);
            padding: 0 11px
        }

        .el-segmented__item:not(.is-disabled):not(.is-selected):hover {
            color: var(--el-segmented-item-hover-color);
            background: var(--el-segmented-item-hover-bg-color)
        }

        .el-segmented__item:not(.is-disabled):not(.is-selected):active {
            background: var(--el-segmented-item-active-bg-color)
        }

        .el-segmented__item.is-selected, .el-segmented__item.is-selected.is-disabled {
            color: var(--el-segmented-item-selected-color)
        }

        .el-segmented__item.is-disabled {
            cursor: not-allowed;
            color: var(--el-segmented-item-disabled-color)
        }

        .el-segmented__item-input {
            position: absolute;
            margin: 0;
            width: 0;
            height: 0;
            opacity: 0;
            pointer-events: none
        }

        .el-segmented__item-label {
            flex: 1;
            text-align: center;
            line-height: normal;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            transition: color .3s;
            z-index: 1
        }

        .el-segmented.is-block {
            display: flex
        }

        .el-segmented.is-block .el-segmented__item {
            min-width: 0
        }

        .el-segmented--large {
            min-height: 40px;
            border-radius: var(--el-border-radius-base);
            font-size: 16px
        }

        .el-segmented--large .el-segmented__item-selected {
            border-radius: calc(var(--el-border-radius-base) - 2px)
        }

        .el-segmented--large .el-segmented__item {
            border-radius: calc(var(--el-border-radius-base) - 2px);
            padding: 0 11px
        }

        .el-segmented--small {
            min-height: 24px;
            border-radius: calc(var(--el-border-radius-base) - 1px);
            font-size: 14px
        }

        .el-segmented--small .el-segmented__item-selected {
            border-radius: calc(calc(var(--el-border-radius-base) - 1px) - 2px)
        }

        .el-segmented--small .el-segmented__item {
            border-radius: calc(calc(var(--el-border-radius-base) - 1px) - 2px);
            padding: 0 7px
        }

        html.dark {
            color-scheme: dark;
            --el-color-primary: #409eff;
            --el-color-primary-light-3: #3375b9;
            --el-color-primary-light-5: #2a598a;
            --el-color-primary-light-7: #213d5b;
            --el-color-primary-light-8: #1d3043;
            --el-color-primary-light-9: #18222c;
            --el-color-primary-dark-2: #66b1ff;
            --el-color-success: #67c23a;
            --el-color-success-light-3: #4e8e2f;
            --el-color-success-light-5: #3e6b27;
            --el-color-success-light-7: #2d481f;
            --el-color-success-light-8: #25371c;
            --el-color-success-light-9: #1c2518;
            --el-color-success-dark-2: #85ce61;
            --el-color-warning: #e6a23c;
            --el-color-warning-light-3: #a77730;
            --el-color-warning-light-5: #7d5b28;
            --el-color-warning-light-7: #533f20;
            --el-color-warning-light-8: #3e301c;
            --el-color-warning-light-9: #292218;
            --el-color-warning-dark-2: #ebb563;
            --el-color-danger: #f56c6c;
            --el-color-danger-light-3: #b25252;
            --el-color-danger-light-5: #854040;
            --el-color-danger-light-7: #582e2e;
            --el-color-danger-light-8: #412626;
            --el-color-danger-light-9: #2b1d1d;
            --el-color-danger-dark-2: #f78989;
            --el-color-error: #f56c6c;
            --el-color-error-light-3: #b25252;
            --el-color-error-light-5: #854040;
            --el-color-error-light-7: #582e2e;
            --el-color-error-light-8: #412626;
            --el-color-error-light-9: #2b1d1d;
            --el-color-error-dark-2: #f78989;
            --el-color-info: #909399;
            --el-color-info-light-3: #6b6d71;
            --el-color-info-light-5: #525457;
            --el-color-info-light-7: #393a3c;
            --el-color-info-light-8: #2d2d2f;
            --el-color-info-light-9: #202121;
            --el-color-info-dark-2: #a6a9ad;
            --el-box-shadow: 0px 12px 32px 4px rgba(0, 0, 0, .36), 0px 8px 20px rgba(0, 0, 0, .72);
            --el-box-shadow-light: 0px 0px 12px rgba(0, 0, 0, .72);
            --el-box-shadow-lighter: 0px 0px 6px rgba(0, 0, 0, .72);
            --el-box-shadow-dark: 0px 16px 48px 16px rgba(0, 0, 0, .72), 0px 12px 32px #000000, 0px 8px 16px -8px #000000;
            --el-bg-color-page: #0a0a0a;
            --el-bg-color: #141414;
            --el-bg-color-overlay: #1d1e1f;
            --el-text-color-primary: #E5EAF3;
            --el-text-color-regular: #CFD3DC;
            --el-text-color-secondary: #A3A6AD;
            --el-text-color-placeholder: #8D9095;
            --el-text-color-disabled: #6C6E72;
            --el-border-color-darker: #636466;
            --el-border-color-dark: #58585B;
            --el-border-color: #4C4D4F;
            --el-border-color-light: #414243;
            --el-border-color-lighter: #363637;
            --el-border-color-extra-light: #2B2B2C;
            --el-fill-color-darker: #424243;
            --el-fill-color-dark: #39393A;
            --el-fill-color: #303030;
            --el-fill-color-light: #262727;
            --el-fill-color-lighter: #1D1D1D;
            --el-fill-color-extra-light: #191919;
            --el-fill-color-blank: transparent;
            --el-mask-color: rgba(0, 0, 0, .8);
            --el-mask-color-extra-light: rgba(0, 0, 0, .3)
        }

        html.dark .el-button {
            --el-button-disabled-text-color: rgba(255, 255, 255, .5)
        }

        html.dark .el-card {
            --el-card-bg-color: var(--el-bg-color-overlay)
        }

        html.dark .el-empty {
            --el-empty-fill-color-0: var(--el-color-black);
            --el-empty-fill-color-1: #4b4b52;
            --el-empty-fill-color-2: #36383d;
            --el-empty-fill-color-3: #1e1e20;
            --el-empty-fill-color-4: #262629;
            --el-empty-fill-color-5: #202124;
            --el-empty-fill-color-6: #212224;
            --el-empty-fill-color-7: #1b1c1f;
            --el-empty-fill-color-8: #1c1d1f;
            --el-empty-fill-color-9: #18181a
        }

        :root {
            --vp-screen-max-width: 1376px;
            --text-color: var(--el-text-color-primary);
            --text-color-light: var(--el-text-color-regular);
            --text-color-lighter: var(--el-text-color-secondary);
            --brand-color: var(--el-color-primary);
            --brand-color-light: var(--el-color-primary-light-1);
            --bg-brand-color: var(--el-color-primary-light-9);
            --bg-color: var(--el-bg-color);
            --bg-color-rgb: 255, 255, 255;
            --bg-color-soft: #fafafa;
            --bg-color-mute: #f2f2f2;
            --border-color: var(--el-border-color);
            --border-color-light: var(--el-border-color-lighter);
            --font-family: var(--el-font-family);
            --font-family-mono: "JetBrains Mono", source-code-pro, Menlo, Monaco, Consolas, "Courier New", monospace;
            --success-color: var(--el-color-success);
            --warning-color: var(--el-color-warning);
            --danger-color: var(--el-color-danger);
            --purple-color: #6222c2;
            --purple-color-light: #9065db;
            --header-height: 55px;
            --nav-height: 55px;
            --vp-screen-max-width: 1362px;
            --vp-sidebar-width-mobile: 320px;
            --vp-sidebar-width-small: 266px;
            --sidebar-width-sm: 16rem;
            --sidebar-width-xs: 20rem;
            --content-min-width: 16rem;
            --content-max-width: 48rem;
            --nav-z-index: 12;
            --sub-nav-z-index: 11;
            --sidebar-z-index: 11;
            --sidebar-z-index-mobile: 31;
            --overlay-z-index: 30;
            --code-line-height: 1.4;
            --code-font-size: var(--el-font-size-base);
            --code-bg-color: var(--el-fill-color-light);
            --code-text-color: var(--text-color);
            --code-font-family: var(--font-family-mono);
            --code-tooltip-bg-color: var(--code-bg-color);
            --code-tooltip-color: #0c61c9;
            --block-tip-bg-color: rgba(var(--el-color-primary-rgb), .1);
            --block-warning-bg-color: rgba(var(--el-color-danger-rgb), .1);
            --link-active-bg-color: rgba(var(--el-color-primary-rgb), .1)
        }

        @media screen and (min-width: 1440px) {
            :root {
                --vp-sidebar-width-small: 234px
            }
        }

        @media screen and (min-width: 1680px) {
            :root {
                --vp-screen-max-width: 1482px;
                --vp-sidebar-width-small: 290px
            }
        }

        .dark {
            --bg-color-rgb: 0, 0, 0;
            --bg-color-soft: #242424;
            --bg-color-mute: #2c2c2c;
            --code-tooltip-bg-color: rgba(var(--el-color-primary-rgb), .1);
            --code-tooltip-color: var(--brand-color);
            --purple-color: #9065db;
            --purple-color-light: #6222c2
        }

        .switch {
            margin: 0;
            display: inline-block;
            position: relative;
            width: 40px;
            height: 20px;
            border: 1px solid var(--border-color);
            outline: none;
            border-radius: 10px;
            box-sizing: border-box;
            background: var(--bg-color-mute);
            cursor: pointer;
            transition: border-color var(--el-transition-duration), background-color var(--el-transition-duration)
        }

        .switch:hover {
            border-color: var(--border-color-light)
        }

        .switch__action {
            position: absolute;
            top: 1px;
            left: 1px;
            border-radius: 50%;
            background-color: var(--bg-color);
            transform: translate(0);
            color: var(--text-color-light);
            transition: border-color var(--el-transition-duration), background-color var(--el-transition-duration), transform var(--el-transition-duration)
        }

        .dark .switch__action {
            transform: translate(20px)
        }

        .switch__icon {
            position: relative
        }

        .switch__icon .el-icon {
            position: absolute;
            left: 1px;
            bottom: 1px
        }

        .switch__action, .switch__icon {
            width: 16px;
            height: 16px
        }

        .switch:focus-visible {
            outline: -webkit-focus-ring-color auto 1px;
            outline-offset: 1px
        }

        .menu-hamburger {
            width: 20px;
            display: flex;
            flex-direction: column;
            cursor: pointer;
            justify-content: center;
            height: var(--nav-height);
            margin: 0 14px
        }

        .menu-hamburger > span {
            background-color: var(--text-color);
            border-radius: 10px;
            height: 2px;
            margin: 2px 0;
            transition: var(--el-transition-all);
            width: 100%
        }

        .menu-hamburger > span.hamburger-1 {
            width: 50%
        }

        .menu-hamburger > span.hamburger-3 {
            width: 75%
        }

        .menu-hamburger.active .hamburger-1 {
            transform-origin: bottom;
            transform: rotate(45deg) translate(13px)
        }

        .menu-hamburger.active .hamburger-2 {
            transform-origin: top;
            transform: rotate(-45deg)
        }

        .menu-hamburger.active .hamburger-3 {
            transform-origin: bottom;
            width: 50%;
            transform: translate(2px, -10px) rotate(45deg)
        }

        @media screen and (min-width: 768px) {
            .menu-hamburger {
                display: none
            }
        }

        .bg-transparent {
            color: var(--el-text-color-primary);
            background-image: linear-gradient(45deg, #f4f4f5 25%, rgba(255, 0, 0, 0) 25%), linear-gradient(135deg, #f4f4f5 25%, rgba(0, 0, 0, 0) 25%), linear-gradient(45deg, rgba(0, 0, 0, 0) 75%, #f4f4f5 75%), linear-gradient(135deg, rgba(0, 0, 0, 0) 75%, #f4f4f5 75%);
            background-size: 20px 20px;
            background-position: 0px 0px, 10px 0px, 10px -10px, 0px 10px
        }

        .dark .bg-transparent {
            background-image: linear-gradient(45deg, #292929 25%, rgba(255, 0, 0, 0) 25%), linear-gradient(135deg, #292929 25%, rgba(0, 0, 0, 0) 25%), linear-gradient(45deg, rgba(0, 0, 0, 0) 75%, #292929 75%), linear-gradient(135deg, rgba(0, 0, 0, 0) 75%, #292929 75%)
        }

        *, :before, :after {
            box-sizing: border-box
        }

        html {
            line-height: 1.4;
            font-size: 16px;
            text-size-adjust: 100%;
            font-family: var(--font-family);
            font-weight: 400;
            -webkit-font-smoothing: antialiased;
            -webkit-tap-highlight-color: transparent
        }

        body {
            margin: 0;
            width: 100%;
            min-width: 320px;
            min-height: 100vh;
            line-height: 1.4;
            font-size: 16px;
            font-weight: 400;
            color: var(--text-color);
            background-color: var(--bg-color);
            direction: ltr;
            font-synthesis: none;
            text-rendering: optimizeLegibility;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            transition: background-color var(--el-transition-duration-fast)
        }

        main {
            display: block
        }

        h1, h2, h3, h4, h5, h6 {
            margin: 0;
            line-height: 1.25
        }

        .doc-content h1, .doc-content h2, .doc-content h3, .doc-content h4, .doc-content h5, .doc-content h6 {
            display: flex;
            align-items: center;
            position: relative
        }

        .doc-content h1 .el-tag, .doc-content h1 .vp-tag, .doc-content h2 .el-tag, .doc-content h2 .vp-tag, .doc-content h3 .el-tag, .doc-content h3 .vp-tag, .doc-content h4 .el-tag, .doc-content h4 .vp-tag, .doc-content h5 .el-tag, .doc-content h5 .vp-tag, .doc-content h6 .el-tag, .doc-content h6 .vp-tag {
            margin-left: 8px
        }

        h1, h2, h3, h4, h5, h6, strong, b {
            font-weight: 600
        }

        h1:hover .header-anchor, h1:focus .header-anchor, h2:hover .header-anchor, h2:focus .header-anchor, h3:hover .header-anchor, h3:focus .header-anchor, h4:hover .header-anchor, h4:focus .header-anchor, h5:hover .header-anchor, h5:focus .header-anchor, h6:hover .header-anchor, h6:focus .header-anchor {
            opacity: 1
        }

        h1 {
            margin-top: 1.5rem;
            margin-bottom: 2rem;
            font-size: 1.9rem
        }

        @media screen and (min-width: 480px) {
            h1 {
                font-size: 2.2rem
            }
        }

        h2 {
            margin-top: 2.25rem;
            margin-bottom: 1.25rem;
            padding-bottom: .3rem;
            line-height: 1.25;
            font-size: 1.65rem
        }

        h2 + h3 {
            margin-top: 1.5rem
        }

        h3 {
            margin-top: 2rem;
            font-size: 1.35rem
        }

        h4 {
            font-size: 1.15rem
        }

        p, ol, ul {
            margin: 1rem 0;
            line-height: 1.7
        }

        a, area, button, [role=button], input, label, select, summary, textarea {
            touch-action: manipulation
        }

        button.reset-btn {
            background: none;
            border: none;
            padding: 0;
            margin: 0;
            cursor: pointer
        }

        a {
            font-weight: 500;
            text-decoration: inherit;
            color: var(--brand-color)
        }

        a.header-anchor {
            color: var(--brand-color)
        }

        a.header-anchor {
            position: absolute;
            margin-top: .125em;
            margin-left: -.87em;
            padding-right: .23em;
            font-size: .85em;
            opacity: 0
        }

        a.header-anchor:hover, a.header-anchor :focus {
            text-decoration: none
        }

        figure {
            margin: 0
        }

        img {
            max-width: 100%
        }

        ul, ol {
            padding-left: 1.25em
        }

        li > ul, li > ol {
            margin: 0
        }

        .doc-content > div .vp-table {
            width: 100%;
            overflow-y: hidden;
            overflow-x: auto;
            margin-bottom: 45px
        }

        .doc-content > div .vp-table > table {
            border-collapse: collapse;
            width: 100%;
            background-color: var(--bg-color);
            font-size: 14px;
            line-height: 1.5em
        }

        .doc-content > div .vp-table > table tr td:nth-child(2) {
            font-family: var(--font-family)
        }

        .doc-content > div .vp-table > table th, .doc-content > div .vp-table > table td {
            white-space: nowrap;
            border-top: 1px solid var(--border-color);
            border-bottom: 1px solid var(--border-color);
            padding: .6em 1em;
            text-align: left;
            max-width: 250px;
            white-space: pre-wrap
        }

        .doc-content > div .vp-table > table thead tr:first-child th {
            border-top: none
        }

        .doc-content > div .vp-table > table tbody tr td:first-child {
            font-family: var(--font-family-mono)
        }

        blockquote {
            margin: 1rem 0;
            border-left: .2rem solid var(--el-border-color);
            padding: .25rem 0 .25rem 1rem;
            font-size: 1rem;
            color: var(--text-color-lighter)
        }

        blockquote > p {
            margin: 0
        }

        form {
            margin: 0
        }

        details summary {
            margin: 16px 0;
            font-size: 18px;
            font-weight: 600;
            cursor: pointer
        }

        #nprogress .bar {
            background: var(--brand-color) !important
        }

        .custom-block .custom-block-title {
            font-weight: 700
        }

        .custom-block p:not(.custom-block-title) {
            font-size: .9rem
        }

        .custom-block.tip {
            padding: 8px 16px;
            background-color: var(--block-tip-bg-color);
            border-radius: 4px;
            border-left: 5px solid var(--el-color-primary);
            margin: 20px 0
        }

        .custom-block.warning {
            padding: 8px 16px;
            background-color: var(--block-warning-bg-color);
            border-radius: 4px;
            border-left: 5px solid var(--el-color-danger);
            margin: 20px 0
        }

        .visually-hidden {
            clip: rect(0 0 0 0);
            clip-path: inset(50%);
            height: 1px;
            overflow: hidden;
            position: absolute;
            white-space: nowrap;
            width: 1px
        }

        ::view-transition-old(root), ::view-transition-new(root) {
            animation: none;
            mix-blend-mode: normal
        }

        ::view-transition-old(root) {
            z-index: 1
        }

        ::view-transition-new(root) {
            z-index: 2147483646
        }

        .dark::view-transition-old(root) {
            z-index: 2147483646
        }

        .dark::view-transition-new(root) {
            z-index: 1
        }

        :root {
            --prism-scheme: light;
            --prism-foreground: #6e6e6e;
            --prism-background: #f4f4f4;
            --prism-comment: #a8a8a8;
            --prism-string: #555555;
            --prism-literal: #333333;
            --prism-keyword: #000000;
            --prism-function: #4f4f4f;
            --prism-deleted: #333333;
            --prism-class: #333333;
            --prism-builtin: #757575;
            --prism-property: #333333;
            --prism-namespace: #4f4f4f;
            --prism-punctuation: #ababab;
            --prism-decorator: var(--prism-class);
            --prism-operator: var(--prism-punctuation);
            --prism-number: var(--prism-literal);
            --prism-boolean: var(--prism-literal);
            --prism-variable: var(--prism-literal);
            --prism-constant: var(--prism-literal);
            --prism-symbol: var(--prism-literal);
            --prism-interpolation: var(--prism-literal);
            --prism-selector: var(--prism-keyword);
            --prism-keyword-control: var(--prism-keyword);
            --prism-regex: var(--prism-string);
            --prism-json-property: var(--prism-property);
            --prism-inline-background: var(--prism-background);
            --prism-comment-style: italic;
            --prism-url-decoration: underline;
            --prism-line-number: #a5a5a5;
            --prism-line-number-gutter: #333333;
            --prism-line-highlight-background: #eeeeee;
            --prism-selection-background: #aaaaaa;
            --prism-marker-color: var(--prism-foreground);
            --prism-marker-opacity: .4;
            --prism-marker-font-size: .8em;
            --prism-font-size: 1em;
            --prism-line-height: 1.5em;
            --prism-font-family: monospace;
            --prism-inline-font-size: var(--prism-font-size);
            --prism-block-font-size: var(--prism-font-size);
            --prism-tab-size: 2;
            --prism-block-padding-x: 1em;
            --prism-block-padding-y: 1em;
            --prism-block-margin-x: 0;
            --prism-block-margin-y: .5em;
            --prism-block-radius: .3em;
            --prism-inline-padding-x: .3em;
            --prism-inline-padding-y: .1em;
            --prism-inline-radius: .3em
        }

        div[class*=language-], pre[class*=language-], code[class*=language-] {
            font-size: var(--prism-font-size);
            font-family: var(--prism-font-family);
            direction: ltr;
            text-align: left;
            white-space: pre;
            word-spacing: normal;
            word-break: normal;
            line-height: var(--prism-line-height);
            -moz-tab-size: var(--prism-tab-size);
            -o-tab-size: var(--prism-tab-size);
            tab-size: var(--prism-tab-size);
            -webkit-hyphens: none;
            -moz-hyphens: none;
            -ms-hyphens: none;
            hyphens: none;
            color: var(--prism-foreground) !important
        }

        div[class*=language-], pre[class*=language-] {
            font-size: var(--prism-block-font-size);
            padding: var(--prism-block-padding-y) var(--prism-block-padding-x);
            margin: var(--prism-block-margin-y) var(--prism-block-margin-x);
            border-radius: var(--prism-block-radius);
            overflow: auto;
            background: var(--prism-background)
        }

        :not(pre) > code[class*=language-] {
            font-size: var(--prism-inline-font-size);
            padding: var(--prism-inline-padding-y) var(--prism-inline-padding-x);
            border-radius: var(--prism-inline-radius);
            background: var(--prism-inline-background)
        }

        pre[class*=language-]::-moz-selection, pre[class*=language-] ::-moz-selection, code[class*=language-]::-moz-selection, code[class*=language-] ::-moz-selection {
            background: var(--prism-selection-background)
        }

        pre[class*=language-]::selection, pre[class*=language-] ::selection, code[class*=language-]::selection, code[class*=language-] ::selection {
            background: var(--prism-selection-background)
        }

        .token.comment, .token.prolog, .token.doctype, .token.cdata {
            color: var(--prism-comment);
            font-style: var(--prism-comment-style)
        }

        .token.namespace {
            color: var(--prism-namespace)
        }

        .token.interpolation {
            color: var(--prism-interpolation)
        }

        .token.string {
            color: var(--prism-string)
        }

        .token.punctuation {
            color: var(--prism-punctuation)
        }

        .token.operator {
            color: var(--prism-operator)
        }

        .token.keyword.module, .token.keyword.control-flow {
            color: var(--prism-keyword-control)
        }

        .token.url, .token.symbol, .token.inserted {
            color: var(--prism-symbol)
        }

        .token.constant {
            color: var(--prism-constant)
        }

        .token.string.url {
            text-decoration: var(--prism-url-decoration)
        }

        .token.boolean, .language-json .token.boolean {
            color: var(--prism-boolean)
        }

        .token.number, .language-json .token.number {
            color: var(--prism-number)
        }

        .token.variable {
            color: var(--prism-variable)
        }

        .token.keyword {
            color: var(--prism-keyword)
        }

        .token.atrule, .token.attr-value, .token.selector {
            color: var(--prism-selector)
        }

        .token.function {
            color: var(--prism-function)
        }

        .token.deleted {
            color: var(--prism-deleted)
        }

        .token.important, .token.bold {
            font-weight: 700
        }

        .token.italic {
            font-style: italic
        }

        .token.class-name {
            color: var(--prism-class)
        }

        .token.tag, .token.builtin {
            color: var(--prism-builtin)
        }

        .token.attr-name, .token.property, .token.entity {
            color: var(--prism-property)
        }

        .language-json .token.property {
            color: var(--prism-json-property)
        }

        .token.regex {
            color: var(--prism-regex)
        }

        .token.decorator, .token.annotation {
            color: var(--prism-decorator)
        }

        .line-numbers .line-numbers-rows {
            border-right-color: var(--prism-line-number)
        }

        .line-numbers-rows > span:before {
            color: var(--prism-line-number-gutter)
        }

        .line-highlight {
            background: var(--prism-line-highlight-background)
        }

        [class*=language-]:before {
            position: absolute;
            top: .4em;
            right: .8em;
            z-index: 2;
            opacity: var(--prism-marker-opacity);
            font-size: var(--prism-marker-font-size);
            color: var(--prism-marker-color)
        }

        [class~=language-html]:before, [class~=language-markup]:before {
            content: "html"
        }

        [class~=language-md]:before, [class~=language-markdown]:before {
            content: "md"
        }

        [class~=language-css]:before {
            content: "css"
        }

        [class~=language-sass]:before {
            content: "sass"
        }

        [class~=language-scss]:before {
            content: "scss"
        }

        [class~=language-less]:before {
            content: "less"
        }

        [class~=language-stylus]:before {
            content: "styl"
        }

        [class~=language-js]:before, [class~=language-typescript]:before {
            content: "js"
        }

        [class~=language-ts]:before, [class~=language-typescript]:before {
            content: "ts"
        }

        [class~=language-json]:before {
            content: "json"
        }

        [class~=language-rb]:before, [class~=language-ruby]:before {
            content: "rb"
        }

        [class~=language-py]:before, [class~=language-python]:before {
            content: "py"
        }

        [class~=language-sh]:before, [class~=language-bash]:before {
            content: "sh"
        }

        [class~=language-php]:before {
            content: "php"
        }

        [class~=language-go]:before {
            content: "go"
        }

        [class~=language-rust]:before {
            content: "rust"
        }

        [class~=language-java]:before {
            content: "java"
        }

        [class~=language-c]:before {
            content: "c"
        }

        [class~=language-yaml]:before {
            content: "yaml"
        }

        [class~=language-vue]:before {
            content: "vue"
        }

        [class~=language-dockerfile]:before {
            content: "dockerfile"
        }

        [class*=language-]:before {
            font-family: var(--code-font-family)
        }

        span[class~=language-css]:before {
            content: ""
        }

        :root {
            --prism-marker-opacity: .6;
            --prism-marker-color: var(--code-text-color);
            --prism-line-height: var(--code-line-height)
        }

        html:not(.dark) {
            --prism-builtin: #3182bd;
            --prism-comment: #848486;
            --prism-deleted: #3182bd;
            --prism-function: #6196cc;
            --prism-boolean: #c25205;
            --prism-number: #c25205;
            --prism-property: #717c11;
            --prism-punctuation: #a8a9cc;
            --prism-keyword: #c792ea;
            --prism-variable: #0b8235;
            --prism-url-decoration: #67cdcc;
            --prism-symbol: green;
            --prism-selector: #0b8235
        }

        html.dark {
            --prism-scheme: dark;
            --prism-foreground: #a6accd;
            --prism-background: #181818;
            --prism-comment: #758575;
            --prism-string: #c3e88d;
            --prism-literal: #429988;
            --prism-keyword: #89ddff;
            --prism-boolean: #6394bf;
            --prism-number: #6394bf;
            --prism-variable: #c2b36e;
            --prism-function: #82aaff;
            --prism-deleted: #bc6066;
            --prism-class: #54b1bf;
            --prism-builtin: var(--el-color-primary-light-3);
            --prism-property: #c792ea;
            --prism-namespace: #db889a;
            --prism-punctuation: #89ddff;
            --prism-decorator: #bd8f8f;
            --prism-regex: #ab5e3f;
            --prism-json-property: #6b8b9e;
            --prism-line-number: #888888;
            --prism-line-number-gutter: #eeeeee;
            --prism-line-highlight-background: #444444;
            --prism-selection-background: #444444;
            --prism-inline-background: #2d2d2d
        }

        code {
            margin: 0;
            border-radius: 4px;
            padding: .15rem .5rem;
            font-family: var(--code-font-family);
            font-size: var(--code-font-size);
            color: var(--code-text-color);
            line-height: var(--code-line-height);
            background-color: var(--code-bg-color)
        }

        pre code {
            background-color: transparent
        }

        a > code {
            color: var(--code-link-color)
        }

        code .token.deleted {
            color: #ec5975
        }

        code .token.inserted {
            color: var(--c-brand)
        }

        div[class*=language-] {
            position: relative;
            margin: 1rem -1.5rem;
            background-color: var(--code-bg-color);
            overflow-x: auto
        }

        li > div[class*=language-] {
            border-radius: 6px 0 0 6px;
            margin: 1rem -1.5rem 1rem -1.25rem
        }

        @media (min-width: 420px) {
            div[class*=language-] {
                margin: 1rem 0;
                border-radius: 6px
            }

            li > div[class*=language-] {
                margin: 1rem 0;
                border-radius: 6px
            }
        }

        [class*=language-] pre, [class*=language-] code {
            text-align: left;
            white-space: pre;
            word-spacing: normal;
            word-break: normal;
            word-wrap: normal;
            tab-size: 4;
            hyphens: none
        }

        [class*=language-] pre {
            position: relative;
            z-index: 1;
            margin: 0;
            padding: .25rem;
            background: transparent;
            overflow-x: auto
        }

        [class*=language-] code {
            padding: 0;
            line-height: var(--code-line-height);
            font-size: var(--code-font-size);
            color: var(--code-text-color)
        }

        .highlight-lines {
            position: absolute;
            top: 0;
            bottom: 0;
            left: 0;
            padding: 1.25rem 0;
            width: 100%;
            line-height: var(--code-line-height);
            font-family: var(--code-font-family);
            font-size: var(--code-font-size);
            user-select: none;
            overflow: hidden
        }

        .highlight-lines .highlighted {
            background-color: #000000a8
        }

        div[class*=language-].line-numbers-mode {
            padding-left: 3.5rem
        }

        .line-numbers-wrapper {
            position: absolute;
            top: 0;
            bottom: 0;
            left: 0;
            z-index: 3;
            border-right: 1px solid var(--el-overlay-color-lighter);
            padding: 1.25rem 0;
            width: 3.5rem;
            text-align: center;
            line-height: var(--code-line-height);
            font-family: var(--code-font-family);
            font-size: var(--code-font-size);
            color: #888
        }

        .navbar-menu {
            display: none
        }

        @media screen and (min-width: 768px) {
            .navbar-menu {
                display: flex
            }
        }

        .navbar-wrapper {
            position: relative;
            border-bottom: 1px solid var(--border-color);
            height: var(--header-height);
            padding: 0 12px 0 24px;
            background-image: radial-gradient(transparent 1px, var(--bg-color) 1px);
            background-size: 4px 4px;
            backdrop-filter: saturate(50%) blur(4px);
            -webkit-backdrop-filter: saturate(50%) blur(4px);
            top: 0
        }

        @media screen and (min-width: 768px) {
            .navbar-wrapper {
                padding: 0 12px 0 32px
            }
        }

        @media screen and (min-width: 1280px) {
            .navbar-wrapper {
                padding: 0 32px
            }
        }

        @media screen and (min-width: 1680px) {
            .navbar-wrapper {
                padding: 0 48px
            }
        }

        .navbar-wrapper .header-container {
            display: flex;
            justify-content: space-between;
            margin: 0 auto
        }

        .navbar-wrapper .header-container .content {
            display: flex;
            justify-content: flex-end;
            align-items: center;
            flex-grow: 1
        }

        @media screen and (min-width: 768px) {
            .navbar-wrapper .content {
                padding-top: 1px
            }
        }

        .navbar {
            top: 0;
            left: 0;
            position: relative;
            z-index: var(--nav-z-index)
        }

        @media screen and (min-width: 960px) {
            .navbar {
                position: sticky;
                width: 100%
            }
        }

        .menu + .appearance {
            margin-left: 8px
        }

        .menu + .social-links {
            margin-left: 12px
        }

        .appearance + .social-links {
            margin-left: 12px
        }

        * {
            scrollbar-color: var(--el-scrollbar-bg-color) var(--el-fill-color-light)
        }

        ::-webkit-scrollbar {
            width: 6px
        }

        ::-webkit-scrollbar:horizontal {
            height: 6px
        }

        ::-webkit-scrollbar-track {
            border-radius: 10px
        }

        ::-webkit-scrollbar-thumb {
            background-color: #0003;
            border-radius: 10px;
            transition: all .2s ease-in-out
        }

        ::-webkit-scrollbar-thumb:hover {
            cursor: pointer;
            background-color: #0000004d
        }

        .dark ::-webkit-scrollbar-thumb {
            background-color: #fff3
        }

        .dark ::-webkit-scrollbar-thumb:hover {
            background-color: #fff6
        }

        .sub-nav {
            border-bottom: 1px solid var(--border-color);
            background-color: var(--bg-color);
            color: var(--text-color);
            transition: border-color var(--el-transition-duration), background-color var(--el-transition-duration-fast);
            position: sticky;
            top: 0;
            left: 0;
            width: 100%;
            display: flex;
            padding: 0 32px;
            justify-content: space-between;
            z-index: var(--sub-nav-z-index);
            overflow: hidden
        }

        @media (max-width: 767px) {
            .sub-nav {
                padding: 0 24px
            }
        }

        .sub-nav .go-back-top {
            transform: translateY(100%);
            opacity: 0
        }

        .sub-nav .go-back-top.show {
            transform: translateY(0);
            opacity: 1
        }

        @media screen and (min-width: 960px) {
            .sub-nav {
                display: none !important
            }
        }

        .overlay {
            position: fixed;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            background: rgba(0, 0, 0, .6);
            transition: opacity .5s;
            z-index: var(--overlay-z-index)
        }

        .sidebar {
            position: fixed;
            top: 0;
            bottom: 0;
            left: 0;
            width: var(--sidebar-width-xs);
            background-color: var(--bg-color);
            padding: 48px 32px;
            overflow-y: auto;
            transform: translate(-100%);
            transition: background-color var(--el-transition-duration-fast), opacity .25s, transform .5s cubic-bezier(.19, 1, .22, 1)
        }

        .sidebar.open {
            transform: translate(0)
        }

        .sidebar .sidebar-groups {
            padding: 0
        }

        @media screen and (min-width: 960px) {
            .sidebar .sidebar-groups {
                padding-bottom: 48px
            }
        }

        .sidebar .sidebar-groups .sidebar-group__title {
            font-size: 1rem;
            font-weight: 700;
            margin-bottom: 8px;
            line-height: 24px
        }

        .sidebar .sidebar-groups .sidebar-group + .sidebar-group {
            padding-top: 24px
        }

        @media (max-width: 767px) {
            .sidebar {
                width: calc(var(--vp-sidebar-width-mobile) - 14px);
                z-index: var(--sidebar-z-index-mobile)
            }
        }

        @media screen and (min-width: 768px) {
            .sidebar {
                width: calc(var(--vp-sidebar-width-small));
                z-index: var(--sidebar-z-index-mobile)
            }
        }

        @media screen and (min-width: 960px) {
            .sidebar {
                z-index: var(--sidebar-z-index);
                top: var(--header-height);
                transform: translate(0)
            }
        }

        @media screen and (min-width: 1440px) {
            .sidebar {
                padding: 48px 32px;
                width: calc(var(--vp-sidebar-width-small) + 32px)
            }
        }

        @media screen and (min-width: 1680px) {
            .sidebar {
                padding: 48px;
                width: calc(var(--vp-sidebar-width-small) + 48px)
            }
        }

        .toc-wrapper {
            display: none;
            padding-left: 64px
        }

        @media screen and (min-width: 1440px) {
            .toc-wrapper {
                display: block;
                padding-right: 32px
            }
        }

        @media screen and (min-width: 1680px) {
            .toc-wrapper {
                padding-right: 48px
            }
        }

        .toc-wrapper .toc-content {
            position: sticky;
            top: calc(var(--header-height) + 32px);
            margin-top: 0;
            margin-bottom: 32px;
            width: 200px
        }

        .toc-wrapper .toc-content__heading {
            font-size: 12px;
            line-height: 30px;
            padding-left: 14px;
            color: var(--text-color-light);
            font-weight: 600;
            text-transform: uppercase;
            margin-top: 0
        }

        .toc-wrapper .toc-content p {
            text-overflow: ellipsis;
            overflow: hidden;
            white-space: nowrap;
            font-size: 11px
        }

        .doc-content-wrapper {
            --vp-content-width: 800px;
            padding: 32px 24px
        }

        .doc-content-wrapper .doc-content-container .doc-content {
            width: 100%
        }

        @media screen and (min-width: 1440px) {
            .doc-content-wrapper .doc-content-container {
                min-width: var(--vp-content-width);
                width: 100%
            }
        }

        @media screen and (min-width: 768px) {
            .doc-content-wrapper {
                padding: 48px 32px
            }
        }

        @media screen and (min-width: 960px) {
            .doc-content-wrapper {
                padding: 48px 32px
            }
        }

        @media screen and (min-width: 1440px) {
            .doc-content-wrapper {
                padding: 64px 0 48px 64px;
                display: flex
            }
        }

        @media screen and (min-width: 1680px) {
            .doc-content-wrapper {
                padding: 64px 0 48px 64px;
                display: flex
            }
        }

        .hero-content {
            padding: 40px 40px 0
        }

        @media (max-width: 768px) {
            .hero-content {
                padding: 30px 10px 0
            }
        }

        .vp-tag {
            --vp-tag-color: var(--el-color-primary);
            --vp-tag-border-color: var(--el-color-primary);
            display: inline-block;
            padding: 0 7px;
            border-radius: 10px;
            border: 1px solid var(--vp-tag-border-color);
            font-size: var(--el-font-size-extra-small);
            color: var(--vp-tag-color);
            line-height: 18px;
            white-space: nowrap
        }

        .vp-tag.beta {
            --vp-tag-color: var(--el-color-danger);
            --vp-tag-border-color: var(--el-color-danger)
        }

        .vp-tag.deprecated {
            --vp-tag-color: var(--el-color-warning);
            --vp-tag-border-color: var(--el-color-warning)
        }

        .vp-tag.a11y {
            --vp-tag-color: var(--purple-color);
            --vp-tag-border-color: var(--purple-color-light)
        }

        .vp-tag.required {
            --vp-tag-color: var(--el-color-success);
            --vp-tag-border-color: var(--el-color-success)
        }

        .page-content {
            outline: none
        }

        @media screen and (min-width: 960px) {
            .page-content {
                padding-top: var(--nav-height)
            }

            .page-content.has-sidebar {
                padding-left: calc(var(--sidebar-width-sm) + 10px)
            }
        }

        @media screen and (min-width: 960px) and (min-width: 1280px) {
            .page-content.has-sidebar {
                padding-left: calc(var(--vp-sidebar-width-small))
            }
        }

        @media screen and (min-width: 960px) and (min-width: 1440px) {
            .page-content.has-sidebar {
                padding-left: calc(var(--vp-sidebar-width-small) + 32px)
            }
        }

        @media screen and (min-width: 960px) and (min-width: 1680px) {
            .page-content.has-sidebar {
                padding-left: calc(var(--vp-sidebar-width-small) + 48px)
            }
        }

        .page-content .doc-content a {
            display: inline-flex;
            align-items: center
        }

        .page-content .doc-content a.vp-link {
            white-space: nowrap
        }

        .page-content .doc-content a .link-icon {
            margin-left: .25rem;
            height: 1em;
            width: 1em
        }

        .container {
            max-width: 100%;
        }

        @media (min-width: 640px) {
            .container {
                max-width: 640px;
            }
        }

        @media (min-width: 768px) {
            .container {
                max-width: 768px;
            }
        }

        @media (min-width: 1024px) {
            .container {
                max-width: 1024px;
            }
        }

        @media (min-width: 1280px) {
            .container {
                max-width: 1280px;
            }
        }

        @media (min-width: 1536px) {
            .container {
                max-width: 1536px;
            }
        }

        @media (min-width: 1920px) {
            .container {
                max-width: 1920px;
            }
        }

        .\!visible {
            visibility: visible !important;
        }

        .visible {
            visibility: visible;
        }

        .invisible {
            visibility: hidden;
        }

        .absolute {
            position: absolute;
        }

        .fixed, [fixed=""] {
            position: fixed;
        }

        .relative {
            position: relative;
        }

        .sticky {
            position: sticky;
        }

        [bottom~="\31 00"] {
            bottom: 25rem;
        }

        [right~="\31 00"] {
            right: 25rem;
        }

        [line-clamp~="\32 "] {
            overflow: hidden;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 2;
            line-clamp: 2;
        }

        .grid {
            display: grid;
        }

        .m-0 {
            margin: 0rem;
        }

        .m-1 {
            margin: 0.25rem;
        }

        .m-2, [m~="\32 "] {
            margin: 0.5rem;
        }

        .m-4, [m~="\34 "] {
            margin: 1rem;
        }

        .m-auto, [m~="auto"] {
            margin: auto;
        }

        .mx-1 {
            margin-left: 0.25rem;
            margin-right: 0.25rem;
        }

        .mx-4 {
            margin-left: 1rem;
            margin-right: 1rem;
        }

        .my, .my-4 {
            margin-top: 1rem;
            margin-bottom: 1rem;
        }

        .my-2 {
            margin-top: 0.5rem;
            margin-bottom: 0.5rem;
        }

        [m~="y-12"] {
            margin-top: 3rem;
            margin-bottom: 3rem;
        }

        .m-b-4px {
            margin-bottom: 4px;
        }

        .m-r-8px {
            margin-right: 8px;
        }

        .m-t-2px, .mt-2px {
            margin-top: 2px;
        }

        .mb-1, [mb-1=""] {
            margin-bottom: 0.25rem;
        }

        .mb-2, [m~="b-2"], [mb-2=""] {
            margin-bottom: 0.5rem;
        }

        .mb-3 {
            margin-bottom: 0.75rem;
        }

        .mb-4 {
            margin-bottom: 1rem;
        }

        .me {
            margin-inline-end: 1rem;
        }

        .ml-1 {
            margin-left: 0.25rem;
        }

        .ml-2 {
            margin-left: 0.5rem;
        }

        .ml-3 {
            margin-left: 0.75rem;
        }

        .ml-4 {
            margin-left: 1rem;
        }

        .mr-1 {
            margin-right: 0.25rem;
        }

        .mr-2 {
            margin-right: 0.5rem;
        }

        .mr-3 {
            margin-right: 0.75rem;
        }

        .mr-4 {
            margin-right: 1rem;
        }

        .mt-1 {
            margin-top: 0.25rem;
        }

        .mt-2 {
            margin-top: 0.5rem;
        }

        .mt-3 {
            margin-top: 0.75rem;
        }

        .mt-4, [m~="t-4"] {
            margin-top: 1rem;
        }

        .mt-8 {
            margin-top: 2rem;
        }

        [m~="t-0"] {
            margin-top: 0rem;
        }

        .inline {
            display: inline;
        }

        .block, [block=""] {
            display: block;
        }

        .inline-block {
            display: inline-block;
        }

        .contents {
            display: contents;
        }

        .list-item {
            display: list-item;
        }

        .hidden {
            display: none;
        }

        .h-100\%, .h-full {
            height: 100%;
        }

        .h-32px {
            height: 32px;
        }

        .h-36px {
            height: 36px;
        }

        .h-42px {
            height: 42px;
        }

        .h-56px {
            height: 56px;
        }

        .h-6 {
            height: 1.5rem;
        }

        .h-64px {
            height: 64px;
        }

        .h-8 {
            height: 2rem;
        }

        .h1 {
            height: 0.25rem;
        }

        .h3 {
            height: 0.75rem;
        }

        .h4 {
            height: 1rem;
        }

        .ha {
            height: auto;
        }

        .w-100\%, .w-full, [w-full=""] {
            width: 100%;
        }

        .w-150px {
            width: 150px;
        }

        .w-20, [w~="\32 0"] {
            width: 5rem;
        }

        .w-30, [w~="\33 0"] {
            width: 7.5rem;
        }

        .w-32px {
            width: 32px;
        }

        .w-50 {
            width: 12.5rem;
        }

        .w-8 {
            width: 2rem;
        }

        .w-95px {
            width: 95px;
        }

        [h~="\33 0"] {
            height: 7.5rem;
        }

        [w~="\34 0"] {
            width: 10rem;
        }

        [w~="\34 6"] {
            width: 11.5rem;
        }

        .flex {
            display: flex;
        }

        .inline-flex {
            display: inline-flex;
        }

        .flex-1 {
            flex: 1 1 0%;
        }

        .flex-grow, .grow {
            flex-grow: 1;
        }

        .flex-col {
            flex-direction: column;
        }

        .flex-wrap {
            flex-wrap: wrap;
        }

        .table {
            display: table;
        }

        .transform {
            --un-rotate: 0;
            --un-rotate-x: 0;
            --un-rotate-y: 0;
            --un-rotate-z: 0;
            --un-scale-x: 1;
            --un-scale-y: 1;
            --un-scale-z: 1;
            --un-skew-x: 0;
            --un-skew-y: 0;
            --un-translate-x: 0;
            --un-translate-y: 0;
            --un-translate-z: 0;
            --un-transform: translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));
        }

        .transform {
            transform: var(--un-transform);
        }

        .cursor-default {
            cursor: default;
        }

        .cursor-pointer {
            cursor: pointer;
        }

        .select-all {
            user-select: all;
        }

        .resize {
            resize: both;
        }

        [content~="center"] {
            align-content: center;
        }

        .items-start {
            align-items: flex-start;
        }

        .items-center {
            align-items: center;
        }

        [justify~="end"] {
            justify-content: flex-end;
        }

        .justify-center, [justify~="center"] {
            justify-content: center;
        }

        .justify-between {
            justify-content: space-between;
        }

        .gap-1 {
            grid-gap: 0.25rem;
            gap: 0.25rem;
        }

        .gap-2 {
            grid-gap: 0.5rem;
            gap: 0.5rem;
        }

        .gap-4 {
            grid-gap: 1rem;
            gap: 1rem;
        }

        .break-all {
            word-break: break-all;
        }

        .b, .border, [border=""] {
            border-width: 1px;
            border-style: solid;
        }

        .b-2 {
            border-width: 2px;
            border-style: solid;
        }

        .rd-0px {
            border-radius: 0px;
        }

        .rd-4px {
            border-radius: 4px;
        }

        .rounded {
            border-radius: 0.25rem;
        }

        .rounded-full {
            border-radius: 9999px;
        }

        .rounded-md {
            border-radius: 0.375rem;
        }

        [border-style~="dashed"] {
            border-style: dashed;
        }

        [border-style~="dotted"] {
            border-style: dotted;
        }

        [border-style~="double"] {
            border-style: double;
        }

        .\!bg-\#262729 {
            --un-bg-opacity: 1 !important;
            background-color: rgba(38, 39, 41, var(--un-bg-opacity)) !important;
        }

        .bg-\#F9F9F9 {
            --un-bg-opacity: 1;
            background-color: rgba(249, 249, 249, var(--un-bg-opacity));
        }

        .bg-blue-200 {
            --un-bg-opacity: 1;
            background-color: rgba(191, 219, 254, var(--un-bg-opacity));
        }

        .bg-red-100 {
            --un-bg-opacity: 1;
            background-color: rgba(254, 226, 226, var(--un-bg-opacity));
        }

        .bg-transparent {
            background-color: transparent;
        }

        [fill~="\#0077CE"] {
            --un-fill-opacity: 1;
            fill: rgba(0, 119, 206, var(--un-fill-opacity));
        }

        [fill~="\#141414"] {
            --un-fill-opacity: 1;
            fill: rgba(20, 20, 20, var(--un-fill-opacity));
        }

        [fill~="\#20A0FF"] {
            --un-fill-opacity: 1;
            fill: rgba(32, 160, 255, var(--un-fill-opacity));
        }

        [fill~="\#213D5B"] {
            --un-fill-opacity: 1;
            fill: rgba(33, 61, 91, var(--un-fill-opacity));
        }

        [fill~="\#262727"] {
            --un-fill-opacity: 1;
            fill: rgba(38, 39, 39, var(--un-fill-opacity));
        }

        [fill~="\#2671E5"] {
            --un-fill-opacity: 1;
            fill: rgba(38, 113, 229, var(--un-fill-opacity));
        }

        [fill~="\#272829"] {
            --un-fill-opacity: 1;
            fill: rgba(39, 40, 41, var(--un-fill-opacity));
        }

        [fill~="\#296B9C"] {
            --un-fill-opacity: 1;
            fill: rgba(41, 107, 156, var(--un-fill-opacity));
        }

        [fill~="\#2F4C63"] {
            --un-fill-opacity: 1;
            fill: rgba(47, 76, 99, var(--un-fill-opacity));
        }

        [fill~="\#324057"] {
            --un-fill-opacity: 1;
            fill: rgba(50, 64, 87, var(--un-fill-opacity));
        }

        [fill~="\#33383D"] {
            --un-fill-opacity: 1;
            fill: rgba(51, 56, 61, var(--un-fill-opacity));
        }

        [fill~="\#333B42"] {
            --un-fill-opacity: 1;
            fill: rgba(51, 59, 66, var(--un-fill-opacity));
        }

        [fill~="\#365490"] {
            --un-fill-opacity: 1;
            fill: rgba(54, 84, 144, var(--un-fill-opacity));
        }

        [fill~="\#3678D8"] {
            --un-fill-opacity: 1;
            fill: rgba(54, 120, 216, var(--un-fill-opacity));
        }

        [fill~="\#3970E3"] {
            --un-fill-opacity: 1;
            fill: rgba(57, 112, 227, var(--un-fill-opacity));
        }

        [fill~="\#3F85ED"] {
            --un-fill-opacity: 1;
            fill: rgba(63, 133, 237, var(--un-fill-opacity));
        }

        [fill~="\#409EFF"] {
            --un-fill-opacity: 1;
            fill: rgba(64, 158, 255, var(--un-fill-opacity));
        }

        [fill~="\#428BFB"] {
            --un-fill-opacity: 1;
            fill: rgba(66, 139, 251, var(--un-fill-opacity));
        }

        [fill~="\#494C52"] {
            --un-fill-opacity: 1;
            fill: rgba(73, 76, 82, var(--un-fill-opacity));
        }

        [fill~="\#5E5877"] {
            --un-fill-opacity: 1;
            fill: rgba(94, 88, 119, var(--un-fill-opacity));
        }

        [fill~="\#606266"] {
            --un-fill-opacity: 1;
            fill: rgba(96, 98, 102, var(--un-fill-opacity));
        }

        [fill~="\#8CCEFD"] {
            --un-fill-opacity: 1;
            fill: rgba(140, 206, 253, var(--un-fill-opacity));
        }

        [fill~="\#8FCFFD"] {
            --un-fill-opacity: 1;
            fill: rgba(143, 207, 253, var(--un-fill-opacity));
        }

        [fill~="\#91BEFF"] {
            --un-fill-opacity: 1;
            fill: rgba(145, 190, 255, var(--un-fill-opacity));
        }

        [fill~="\#91DD9D"] {
            --un-fill-opacity: 1;
            fill: rgba(145, 221, 157, var(--un-fill-opacity));
        }

        [fill~="\#9480E5"] {
            --un-fill-opacity: 1;
            fill: rgba(148, 128, 229, var(--un-fill-opacity));
        }

        [fill~="\#99A9BF"] {
            --un-fill-opacity: 1;
            fill: rgba(153, 169, 191, var(--un-fill-opacity));
        }

        [fill~="\#9CB8F1"] {
            --un-fill-opacity: 1;
            fill: rgba(156, 184, 241, var(--un-fill-opacity));
        }

        [fill~="\#A2C5F9"] {
            --un-fill-opacity: 1;
            fill: rgba(162, 197, 249, var(--un-fill-opacity));
        }

        [fill~="\#C6E2FF"] {
            --un-fill-opacity: 1;
            fill: rgba(198, 226, 255, var(--un-fill-opacity));
        }

        [fill~="\#C7DCFB"] {
            --un-fill-opacity: 1;
            fill: rgba(199, 220, 251, var(--un-fill-opacity));
        }

        [fill~="\#D2ECFE"] {
            --un-fill-opacity: 1;
            fill: rgba(210, 236, 254, var(--un-fill-opacity));
        }

        [fill~="\#DCE9FB"] {
            --un-fill-opacity: 1;
            fill: rgba(220, 233, 251, var(--un-fill-opacity));
        }

        [fill~="\#E0D8FF"] {
            --un-fill-opacity: 1;
            fill: rgba(224, 216, 255, var(--un-fill-opacity));
        }

        [fill~="\#E4EFFF"] {
            --un-fill-opacity: 1;
            fill: rgba(228, 239, 255, var(--un-fill-opacity));
        }

        [fill~="\#ECF5FF"] {
            --un-fill-opacity: 1;
            fill: rgba(236, 245, 255, var(--un-fill-opacity));
        }

        [fill~="\#F2F8FE"] {
            --un-fill-opacity: 1;
            fill: rgba(242, 248, 254, var(--un-fill-opacity));
        }

        [fill~="\#F5F7FA"] {
            --un-fill-opacity: 1;
            fill: rgba(245, 247, 250, var(--un-fill-opacity));
        }

        [fill~="\#F9FDFF"] {
            --un-fill-opacity: 1;
            fill: rgba(249, 253, 255, var(--un-fill-opacity));
        }

        [fill~="\#FD873B"] {
            --un-fill-opacity: 1;
            fill: rgba(253, 135, 59, var(--un-fill-opacity));
        }

        [fill~="\#FF9EA4"] {
            --un-fill-opacity: 1;
            fill: rgba(255, 158, 164, var(--un-fill-opacity));
        }

        [fill~="\#FFACAD"] {
            --un-fill-opacity: 1;
            fill: rgba(255, 172, 173, var(--un-fill-opacity));
        }

        [fill~="\#FFCD8A"] {
            --un-fill-opacity: 1;
            fill: rgba(255, 205, 138, var(--un-fill-opacity));
        }

        [fill~="\#FFCFC7"] {
            --un-fill-opacity: 1;
            fill: rgba(255, 207, 199, var(--un-fill-opacity));
        }

        [fill~="\#FFD6D2"] {
            --un-fill-opacity: 1;
            fill: rgba(255, 214, 210, var(--un-fill-opacity));
        }

        [fill~="\#FFD735"] {
            --un-fill-opacity: 1;
            fill: rgba(255, 215, 53, var(--un-fill-opacity));
        }

        [fill~="black"] {
            --un-fill-opacity: 1;
            fill: rgba(0, 0, 0, var(--un-fill-opacity));
        }

        [fill~="white"] {
            --un-fill-opacity: 1;
            fill: rgba(255, 255, 255, var(--un-fill-opacity));
        }

        [fill-opacity~="\30 \.3"] {
            --un-fill-opacity: 0.003;
        }

        [fill-opacity~="\30 \.45"] {
            --un-fill-opacity: 0.0045;
        }

        [fill-opacity~="\30 \.6"] {
            --un-fill-opacity: 0.006;
        }

        [fill~="none"] {
            fill: none;
        }

        [stroke-width~="\30 "] {
            stroke-width: 0px;
        }

        [stroke-width~="\30 \.2"] {
            stroke-width: 0.2px;
        }

        [stroke-width~="\30 \.3"] {
            stroke-width: 0.3px;
        }

        [stroke-width~="\30 \.4"] {
            stroke-width: 0.4px;
        }

        [stroke-width~="\30 \.5"] {
            stroke-width: 0.5px;
        }

        [stroke-width~="\30 \.6"] {
            stroke-width: 0.6px;
        }

        [stroke-width~="\30 \.7"] {
            stroke-width: 0.7px;
        }

        [stroke-width~="\30 \.8"] {
            stroke-width: 0.8px;
        }

        [stroke-width~="\30 \.895641"] {
            stroke-width: 0.895641px;
        }

        [stroke-width~="\31 \.5"] {
            stroke-width: 1.5px;
        }

        [stroke-width~="\31 5"] {
            stroke-width: 15px;
        }

        [stroke-width~="\32 "] {
            stroke-width: 2px;
        }

        [stroke-width~="\32 0"] {
            stroke-width: 20px;
        }

        [stroke-width~="\32 2"] {
            stroke-width: 22px;
        }

        [stroke-width~="\32 4"] {
            stroke-width: 24px;
        }

        [stroke-width~="\32 6"] {
            stroke-width: 26px;
        }

        [stroke-width~="\33 "] {
            stroke-width: 3px;
        }

        [stroke-width~="\34 "] {
            stroke-width: 4px;
        }

        [stroke-width~="\34 \.99526"] {
            stroke-width: 4.99526px;
        }

        [stroke-width~="\38 \.88047"] {
            stroke-width: 8.88047px;
        }

        [stroke~="\#213D5B"] {
            --un-stroke-opacity: 1;
            stroke: rgba(33, 61, 91, var(--un-stroke-opacity));
        }

        [stroke~="\#2E536F"] {
            --un-stroke-opacity: 1;
            stroke: rgba(46, 83, 111, var(--un-stroke-opacity));
        }

        [stroke~="\#409EFF"] {
            --un-stroke-opacity: 1;
            stroke: rgba(64, 158, 255, var(--un-stroke-opacity));
        }

        [stroke~="\#75ADFF"] {
            --un-stroke-opacity: 1;
            stroke: rgba(117, 173, 255, var(--un-stroke-opacity));
        }

        [stroke~="\#9480E5"] {
            --un-stroke-opacity: 1;
            stroke: rgba(148, 128, 229, var(--un-stroke-opacity));
        }

        [stroke~="\#C4E6FE"] {
            --un-stroke-opacity: 1;
            stroke: rgba(196, 230, 254, var(--un-stroke-opacity));
        }

        [stroke~="\#C6E2FF"] {
            --un-stroke-opacity: 1;
            stroke: rgba(198, 226, 255, var(--un-stroke-opacity));
        }

        [stroke~="white"] {
            --un-stroke-opacity: 1;
            stroke: rgba(255, 255, 255, var(--un-stroke-opacity));
        }

        .p-2 {
            padding: 0.5rem;
        }

        .p-6 {
            padding: 1.5rem;
        }

        .px, .px-4, [px=""] {
            padding-left: 1rem;
            padding-right: 1rem;
        }

        .py-3 {
            padding-top: 0.75rem;
            padding-bottom: 0.75rem;
        }

        .py-6 {
            padding-top: 1.5rem;
            padding-bottom: 1.5rem;
        }

        [p~="y-4"] {
            padding-top: 1rem;
            padding-bottom: 1rem;
        }

        .pb-16px {
            padding-bottom: 16px;
        }

        .pl-12px {
            padding-left: 12px;
        }

        .pr {
            padding-right: 1rem;
        }

        .pr-12px {
            padding-right: 12px;
        }

        .pt-16px {
            padding-top: 16px;
        }

        .pt-2 {
            padding-top: 0.5rem;
        }

        .pie {
            padding-inline-end: 1rem;
        }

        .text-center, [text~="center"] {
            text-align: center;
        }

        .indent {
            text-indent: 1.5rem;
        }

        .text-12px {
            font-size: 12px;
        }

        .text-13px {
            font-size: 13px;
        }

        .text-14px {
            font-size: 14px;
        }

        .text-4 {
            font-size: 1rem;
        }

        .text-sm, [text~="sm"] {
            font-size: 0.875rem;
            line-height: 1.25rem;
        }

        .text-xl {
            font-size: 1.25rem;
            line-height: 1.75rem;
        }

        .text-xs, [text~="xs"] {
            font-size: 0.75rem;
            line-height: 1rem;
        }

        [text~="\32 xl"] {
            font-size: 1.5rem;
            line-height: 2rem;
        }

        .font-300 {
            font-weight: 300;
        }

        .font-400 {
            font-weight: 400;
        }

        .font-600 {
            font-weight: 600;
        }

        .font-bold {
            font-weight: 700;
        }

        .leading-6 {
            line-height: 1.5rem;
        }

        .italic {
            font-style: italic;
        }

        .oblique {
            font-style: oblique;
        }

        .ordinal {
            --un-ordinal: var(--un-empty, /*!*/ /*!*/);
            --un-slashed-zero: var(--un-empty, /*!*/ /*!*/);
            --un-numeric-figure: var(--un-empty, /*!*/ /*!*/);
            --un-numeric-spacing: var(--un-empty, /*!*/ /*!*/);
            --un-numeric-fraction: var(--un-empty, /*!*/ /*!*/);
            --un-font-variant-numeric: var(--un-ordinal) var(--un-slashed-zero) var(--un-numeric-figure) var(--un-numeric-spacing) var(--un-numeric-fraction);
        }

        .ordinal {
            --un-ordinal: ordinal;
            font-variant-numeric: var(--un-font-variant-numeric);
        }

        .\!color-\#A3A6AD {
            --un-text-opacity: 1 !important;
            color: rgba(163, 166, 173, var(--un-text-opacity)) !important;
        }

        .\!color-\#E5E9F3 {
            --un-text-opacity: 1 !important;
            color: rgba(229, 233, 243, var(--un-text-opacity)) !important;
        }

        .color-\#303133 {
            --un-text-opacity: 1;
            color: rgba(48, 49, 51, var(--un-text-opacity));
        }

        .color-\#909399 {
            --un-text-opacity: 1;
            color: rgba(144, 147, 153, var(--un-text-opacity));
        }

        .color-\#ddd {
            --un-text-opacity: 1;
            color: rgba(221, 221, 221, var(--un-text-opacity));
        }

        .color-\$text-color-placeholder {
            color: var(--text-color-placeholder);
        }

        .color-\$text-color-secondary {
            color: var(--text-color-secondary);
        }

        .text-gray-500 {
            --un-text-opacity: 1;
            color: rgba(107, 114, 128, var(--un-text-opacity));
        }

        .text-gray-600 {
            --un-text-opacity: 1;
            color: rgba(75, 85, 99, var(--un-text-opacity));
        }

        .text-red {
            --un-text-opacity: 1;
            color: rgba(248, 113, 113, var(--un-text-opacity));
        }

        [color~="\#409efc"] {
            --un-text-opacity: 1;
            color: rgba(64, 158, 252, var(--un-text-opacity));
        }

        [color~="\#626aef"] {
            --un-text-opacity: 1;
            color: rgba(98, 106, 239, var(--un-text-opacity));
        }

        [color~="green"] {
            --un-text-opacity: 1;
            color: rgba(74, 222, 128, var(--un-text-opacity));
        }

        .underline {
            text-decoration-line: underline;
        }

        .tab {
            -moz-tab-size: 4;
            -o-tab-size: 4;
            tab-size: 4;
        }

        .hover\:shadow:hover, .shadow {
            --un-shadow-inset: var(--un-empty, /*!*/ /*!*/);
            --un-shadow: 0 0 #0000;
        }

        .hover\:shadow:hover, .shadow {
            --un-shadow: var(--un-shadow-inset) 0 1px 3px 0 var(--un-shadow-color, rgba(0, 0, 0, 0.1)), var(--un-shadow-inset) 0 1px 2px -1px var(--un-shadow-color, rgba(0, 0, 0, 0.1));
            box-shadow: var(--un-ring-offset-shadow, 0 0 #0000), var(--un-ring-shadow, 0 0 #0000), var(--un-shadow);
        }

        .blur, .invert, .before-filter::before, .filter {
            --un-blur: var(--un-empty, /*!*/ /*!*/);
            --un-brightness: var(--un-empty, /*!*/ /*!*/);
            --un-contrast: var(--un-empty, /*!*/ /*!*/);
            --un-drop-shadow: var(--un-empty, /*!*/ /*!*/);
            --un-grayscale: var(--un-empty, /*!*/ /*!*/);
            --un-hue-rotate: var(--un-empty, /*!*/ /*!*/);
            --un-invert: var(--un-empty, /*!*/ /*!*/);
            --un-saturate: var(--un-empty, /*!*/ /*!*/);
            --un-sepia: var(--un-empty, /*!*/ /*!*/);
            --un-filter: var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-drop-shadow) var(--un-grayscale) var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia);
        }

        .blur {
            --un-blur: blur(8px);
            filter: var(--un-filter);
        }

        .invert {
            --un-invert: invert(1);
            filter: var(--un-filter);
        }

        .before-filter::before, .filter {
            filter: var(--un-filter);
        }

        .transition {
            transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
            transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
            transition-duration: 150ms;
        }

        [duration~="\31 "] {
            transition-duration: 1ms;
        }

        [duration~="\31 0"] {
            transition-duration: 10ms;
        }

        [duration~="\35 "] {
            transition-duration: 5ms;
        }

        .ease, .ease-in-out {
            transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
        }

        .ease-in {
            transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
        }

        .ease-out {
            transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
        }

        .content-bottom, [content-bottom=""] {
            content: "bottom";
        }

        .content-box {
            content: "box";
        }

        .content-class {
            content: "class";
        }

        .content-position {
            content: "position";
        }

        .content-style {
            content: "style";
        }

        .content-top, [content-top=""] {
            content: "top";
        }

        [content-class~="scale-in"] {
            content: "class-scale-in";
        }

        [content-position~="left"] {
            content: "position-left";
        }

        [content-position~="right"] {
            content: "position-right";
        }

        [content~="\,"] {
            content: ",";
        }

        [content~="\["] {
            content: "[";
        }

        [content~="\]"] {
            content: "]";
        }

        [content~="\+"] {
            content: "+";
        }

        [content~="\<span\>The"] {
            content: "<span>The";
        }

        [content~="\<strong\>HTML\<\/strong\>\<\/span\>"] {
            content: "<strong>HTML</strong></span>";
        }

        [content~="am"] {
            content: "am";
        }

        [content~="an"] {
            content: "an";
        }

        [content~="be"] {
            content: "be";
        }

        [content~="Bottom"] {
            content: "Bottom";
        }

        [content~="can"] {
            content: "can";
        }

        [content~="Center"] {
            content: "Center";
        }

        [content~="click"] {
            content: "click";
        }

        [content~="close"] {
            content: "close";
        }

        [content~="config\.content"] {
            content: "config.content";
        }

        [content~="content"] {
            content: "content";
        }

        [content~="content\,"] {
            content: "content,";
        }

        [content~="copy-code"] {
            content: "copy-code";
        }

        [content~="currentRelease\.body"] {
            content: "currentRelease.body";
        }

        [content~="day"] {
            content: "day";
        }

        [content~="edit-in-editor"] {
            content: "edit-in-editor";
        }

        [content~="edit-on-github"] {
            content: "edit-on-github";
        }

        [content~="el-tooltip"] {
            content: "el-tooltip";
        }

        [content~="Element"] {
            content: "Element";
        }

        [content~="Element\+"] {
            content: "Element+";
        }

        [content~="function"] {
            content: "function";
        }

        [content~="I"] {
            content: "I";
        }

        [content~="in"] {
            content: "in";
        }

        [content~="info"] {
            content: "info";
        }

        [content~="into"] {
            content: "into";
        }

        [content~="is"] {
            content: "is";
        }

        [content~="Left"] {
            content: "Left";
        }

        [content~="locale\["] {
            content: "locale[";
        }

        [content~="logged"] {
            content: "logged";
        }

        [content~="month"] {
            content: "month";
        }

        [content~="Number"] {
            content: "Number";
        }

        [content~="of"] {
            content: "of";
        }

        [content~="one"] {
            content: "one";
        }

        [content~="Plus"] {
            content: "Plus";
        }

        [content~="product"] {
            content: "product";
        }

        [content~="prompts"] {
            content: "prompts";
        }

        [content~="Right"] {
            content: "Right";
        }

        [content~="Switch"] {
            content: "Switch";
        }

        [content~="the"] {
            content: "the";
        }

        [content~="this"] {
            content: "this";
        }

        [content~="to"] {
            content: "to";
        }

        [content~="tooltip"] {
            content: "tooltip";
        }

        [content~="Top"] {
            content: "Top";
        }

        [content~="users"] {
            content: "users";
        }

        [content~="value"] {
            content: "value";
        }

        [content~="view-source"] {
            content: "view-source";
        }

        [content~="who"] {
            content: "who";
        }

        .debug[data-v-0116e32a] {
            box-sizing: border-box;
            position: fixed;
            right: 8px;
            bottom: 8px;
            z-index: 9999;
            border-radius: 4px;
            width: 74px;
            height: 32px;
            color: #eee;
            overflow: hidden;
            cursor: pointer;
            background-color: #000000d9;
            transition: all .15s ease
        }

        .debug[data-v-0116e32a]:hover {
            background-color: #000000bf
        }

        .debug.open[data-v-0116e32a] {
            right: 0;
            bottom: 0;
            width: 100%;
            height: 100%;
            margin-top: 0;
            border-radius: 0;
            padding: 0;
            overflow: scroll
        }

        @media (min-width: 512px) {
            .debug.open[data-v-0116e32a] {
                width: 512px
            }
        }

        .debug.open[data-v-0116e32a]:hover {
            background-color: #000000d9
        }

        .title[data-v-0116e32a] {
            margin: 0;
            padding: 6px 16px;
            line-height: 20px;
            font-size: 13px
        }

        .block[data-v-0116e32a] {
            margin: 2px 0 0;
            border-top: 1px solid rgba(255, 255, 255, .16);
            padding: 8px 16px;
            font-family: Hack, monospace;
            font-size: 13px
        }

        .block + .block[data-v-0116e32a] {
            margin-top: 8px
        }

        .skip-link[data-v-d2e1b550] {
            top: 12px;
            left: 12px;
            padding: 6px 12px;
            z-index: 999;
            font-size: var(--el-font-size-base);
            font-weight: 700;
            text-decoration: none;
            color: var(--text-color);
            background-color: var(--bg-color);
            border-radius: var(--el-border-radius-base)
        }

        .skip-link[data-v-d2e1b550]:focus {
            height: auto;
            width: auto;
            clip: auto;
            clip-path: none
        }

        /*! @docsearch/css 3.1.0 | MIT License | © Algolia, Inc. and contributors | https://docsearch.algolia.com */
        :root {
            --docsearch-primary-color: #5468ff;
            --docsearch-text-color: #1c1e21;
            --docsearch-spacing: 12px;
            --docsearch-icon-stroke-width: 1.4;
            --docsearch-highlight-color: var(--docsearch-primary-color);
            --docsearch-muted-color: #969faf;
            --docsearch-container-background: rgba(101, 108, 133, .8);
            --docsearch-logo-color: #5468ff;
            --docsearch-modal-width: 560px;
            --docsearch-modal-height: 600px;
            --docsearch-modal-background: #f5f6f7;
            --docsearch-modal-shadow: inset 1px 1px 0 0 hsla(0, 0%, 100%, .5), 0 3px 8px 0 #555a64;
            --docsearch-searchbox-height: 56px;
            --docsearch-searchbox-background: #ebedf0;
            --docsearch-searchbox-focus-background: #fff;
            --docsearch-searchbox-shadow: inset 0 0 0 2px var(--docsearch-primary-color);
            --docsearch-hit-height: 56px;
            --docsearch-hit-color: #444950;
            --docsearch-hit-active-color: #fff;
            --docsearch-hit-background: #fff;
            --docsearch-hit-shadow: 0 1px 3px 0 #d4d9e1;
            --docsearch-key-gradient: linear-gradient(-225deg, #d5dbe4, #f8f8f8);
            --docsearch-key-shadow: inset 0 -2px 0 0 #cdcde6, inset 0 0 1px 1px #fff, 0 1px 2px 1px rgba(30, 35, 90, .4);
            --docsearch-footer-height: 44px;
            --docsearch-footer-background: #fff;
            --docsearch-footer-shadow: 0 -1px 0 0 #e0e3e8, 0 -3px 6px 0 rgba(69, 98, 155, .12)
        }

        html[data-theme=dark] {
            --docsearch-text-color: #f5f6f7;
            --docsearch-container-background: rgba(9, 10, 17, .8);
            --docsearch-modal-background: #15172a;
            --docsearch-modal-shadow: inset 1px 1px 0 0 #2c2e40, 0 3px 8px 0 #000309;
            --docsearch-searchbox-background: #090a11;
            --docsearch-searchbox-focus-background: #000;
            --docsearch-hit-color: #bec3c9;
            --docsearch-hit-shadow: none;
            --docsearch-hit-background: #090a11;
            --docsearch-key-gradient: linear-gradient(-26.5deg, #565872, #31355b);
            --docsearch-key-shadow: inset 0 -2px 0 0 #282d55, inset 0 0 1px 1px #51577d, 0 2px 2px 0 rgba(3, 4, 9, .3);
            --docsearch-footer-background: #1e2136;
            --docsearch-footer-shadow: inset 0 1px 0 0 rgba(73, 76, 106, .5), 0 -4px 8px 0 rgba(0, 0, 0, .2);
            --docsearch-logo-color: #fff;
            --docsearch-muted-color: #7f8497
        }

        .DocSearch-Button {
            align-items: center;
            background: var(--docsearch-searchbox-background);
            border: 0;
            border-radius: 40px;
            color: var(--docsearch-muted-color);
            cursor: pointer;
            display: flex;
            font-weight: 500;
            height: 36px;
            justify-content: space-between;
            margin: 0 0 0 16px;
            padding: 0 8px;
            user-select: none
        }

        .DocSearch-Button:active, .DocSearch-Button:focus, .DocSearch-Button:hover {
            background: var(--docsearch-searchbox-focus-background);
            box-shadow: var(--docsearch-searchbox-shadow);
            color: var(--docsearch-text-color);
            outline: none
        }

        .DocSearch-Button-Container {
            align-items: center;
            display: flex
        }

        .DocSearch-Search-Icon {
            stroke-width: 1.6
        }

        .DocSearch-Button .DocSearch-Search-Icon {
            color: var(--docsearch-text-color)
        }

        .DocSearch-Button-Placeholder {
            font-size: 1rem;
            padding: 0 12px 0 6px
        }

        .DocSearch-Button-Keys {
            display: flex;
            min-width: calc(40px + .8em)
        }

        .DocSearch-Button-Key {
            align-items: center;
            background: var(--docsearch-key-gradient);
            border-radius: 3px;
            box-shadow: var(--docsearch-key-shadow);
            color: var(--docsearch-muted-color);
            display: flex;
            height: 18px;
            justify-content: center;
            margin-right: .4em;
            position: relative;
            padding: 0 0 2px;
            border: 0;
            top: -1px;
            width: 20px
        }

        @media (max-width: 750px) {
            .DocSearch-Button-Keys, .DocSearch-Button-Placeholder {
                display: none
            }
        }

        .DocSearch--active {
            overflow: hidden !important
        }

        .DocSearch-Container, .DocSearch-Container * {
            box-sizing: border-box
        }

        .DocSearch-Container {
            background-color: var(--docsearch-container-background);
            height: 100vh;
            left: 0;
            position: fixed;
            top: 0;
            width: 100vw;
            z-index: 200
        }

        .DocSearch-Container a {
            text-decoration: none
        }

        .DocSearch-Link {
            appearance: none;
            background: none;
            border: 0;
            color: var(--docsearch-highlight-color);
            cursor: pointer;
            font: inherit;
            margin: 0;
            padding: 0
        }

        .DocSearch-Modal {
            background: var(--docsearch-modal-background);
            border-radius: 6px;
            box-shadow: var(--docsearch-modal-shadow);
            flex-direction: column;
            margin: 60px auto auto;
            max-width: var(--docsearch-modal-width);
            position: relative
        }

        .DocSearch-SearchBar {
            display: flex;
            padding: var(--docsearch-spacing) var(--docsearch-spacing) 0
        }

        .DocSearch-Form {
            align-items: center;
            background: var(--docsearch-searchbox-focus-background);
            border-radius: 4px;
            box-shadow: var(--docsearch-searchbox-shadow);
            display: flex;
            height: var(--docsearch-searchbox-height);
            margin: 0;
            padding: 0 var(--docsearch-spacing);
            position: relative;
            width: 100%
        }

        .DocSearch-Input {
            appearance: none;
            background: transparent;
            border: 0;
            color: var(--docsearch-text-color);
            flex: 1;
            font: inherit;
            font-size: 1.2em;
            height: 100%;
            outline: none;
            padding: 0 0 0 8px;
            width: 80%
        }

        .DocSearch-Input::placeholder {
            color: var(--docsearch-muted-color);
            opacity: 1
        }

        .DocSearch-Input::-webkit-search-cancel-button, .DocSearch-Input::-webkit-search-decoration, .DocSearch-Input::-webkit-search-results-button, .DocSearch-Input::-webkit-search-results-decoration {
            display: none
        }

        .DocSearch-LoadingIndicator, .DocSearch-MagnifierLabel, .DocSearch-Reset {
            margin: 0;
            padding: 0
        }

        .DocSearch-MagnifierLabel, .DocSearch-Reset {
            align-items: center;
            color: var(--docsearch-highlight-color);
            display: flex;
            justify-content: center
        }

        .DocSearch-Container--Stalled .DocSearch-MagnifierLabel, .DocSearch-LoadingIndicator {
            display: none
        }

        .DocSearch-Container--Stalled .DocSearch-LoadingIndicator {
            align-items: center;
            color: var(--docsearch-highlight-color);
            display: flex;
            justify-content: center
        }

        @media screen and (prefers-reduced-motion: reduce) {
            .DocSearch-Reset {
                animation: none;
                appearance: none;
                background: none;
                border: 0;
                border-radius: 50%;
                color: var(--docsearch-icon-color);
                cursor: pointer;
                right: 0;
                stroke-width: var(--docsearch-icon-stroke-width)
            }
        }

        .DocSearch-Reset {
            animation: fade-in .1s ease-in forwards;
            appearance: none;
            background: none;
            border: 0;
            border-radius: 50%;
            color: var(--docsearch-icon-color);
            cursor: pointer;
            padding: 2px;
            right: 0;
            stroke-width: var(--docsearch-icon-stroke-width)
        }

        .DocSearch-Reset[hidden] {
            display: none
        }

        .DocSearch-Reset:focus {
            outline: none
        }

        .DocSearch-Reset:hover {
            color: var(--docsearch-highlight-color)
        }

        .DocSearch-LoadingIndicator svg, .DocSearch-MagnifierLabel svg {
            height: 24px;
            width: 24px
        }

        .DocSearch-Cancel {
            display: none
        }

        .DocSearch-Dropdown {
            max-height: calc(var(--docsearch-modal-height) - var(--docsearch-searchbox-height) - var(--docsearch-spacing) - var(--docsearch-footer-height));
            min-height: var(--docsearch-spacing);
            overflow-y: auto;
            overflow-y: overlay;
            padding: 0 var(--docsearch-spacing);
            scrollbar-color: var(--docsearch-muted-color) var(--docsearch-modal-background);
            scrollbar-width: thin
        }

        .DocSearch-Dropdown::-webkit-scrollbar {
            width: 12px
        }

        .DocSearch-Dropdown::-webkit-scrollbar-track {
            background: transparent
        }

        .DocSearch-Dropdown::-webkit-scrollbar-thumb {
            background-color: var(--docsearch-muted-color);
            border: 3px solid var(--docsearch-modal-background);
            border-radius: 20px
        }

        .DocSearch-Dropdown ul {
            list-style: none;
            margin: 0;
            padding: 0
        }

        .DocSearch-Label {
            font-size: .75em;
            line-height: 1.6em
        }

        .DocSearch-Help, .DocSearch-Label {
            color: var(--docsearch-muted-color)
        }

        .DocSearch-Help {
            font-size: .9em;
            margin: 0;
            user-select: none
        }

        .DocSearch-Title {
            font-size: 1.2em
        }

        .DocSearch-Logo a {
            display: flex
        }

        .DocSearch-Logo svg {
            color: var(--docsearch-logo-color);
            margin-left: 8px
        }

        .DocSearch-Hits:last-of-type {
            margin-bottom: 24px
        }

        .DocSearch-Hits mark {
            background: none;
            color: var(--docsearch-highlight-color)
        }

        .DocSearch-HitsFooter {
            color: var(--docsearch-muted-color);
            display: flex;
            font-size: .85em;
            justify-content: center;
            margin-bottom: var(--docsearch-spacing);
            padding: var(--docsearch-spacing)
        }

        .DocSearch-HitsFooter a {
            border-bottom: 1px solid;
            color: inherit
        }

        .DocSearch-Hit {
            border-radius: 4px;
            display: flex;
            padding-bottom: 4px;
            position: relative
        }

        @media screen and (prefers-reduced-motion: reduce) {
            .DocSearch-Hit--deleting {
                transition: none
            }
        }

        .DocSearch-Hit--deleting {
            opacity: 0;
            transition: all .25s linear
        }

        @media screen and (prefers-reduced-motion: reduce) {
            .DocSearch-Hit--favoriting {
                transition: none
            }
        }

        .DocSearch-Hit--favoriting {
            transform: scale(0);
            transform-origin: top center;
            transition: all .25s linear;
            transition-delay: .25s
        }

        .DocSearch-Hit a {
            background: var(--docsearch-hit-background);
            border-radius: 4px;
            box-shadow: var(--docsearch-hit-shadow);
            display: block;
            padding-left: var(--docsearch-spacing);
            width: 100%
        }

        .DocSearch-Hit-source {
            background: var(--docsearch-modal-background);
            color: var(--docsearch-highlight-color);
            font-size: .85em;
            font-weight: 600;
            line-height: 32px;
            margin: 0 -4px;
            padding: 8px 4px 0;
            position: sticky;
            top: 0;
            z-index: 10
        }

        .DocSearch-Hit-Tree {
            color: var(--docsearch-muted-color);
            height: var(--docsearch-hit-height);
            opacity: .5;
            stroke-width: var(--docsearch-icon-stroke-width);
            width: 24px
        }

        .DocSearch-Hit[aria-selected=true] a {
            background-color: var(--docsearch-highlight-color)
        }

        .DocSearch-Hit[aria-selected=true] mark {
            text-decoration: underline
        }

        .DocSearch-Hit-Container {
            align-items: center;
            color: var(--docsearch-hit-color);
            display: flex;
            flex-direction: row;
            height: var(--docsearch-hit-height);
            padding: 0 var(--docsearch-spacing) 0 0
        }

        .DocSearch-Hit-icon {
            height: 20px;
            width: 20px
        }

        .DocSearch-Hit-action, .DocSearch-Hit-icon {
            color: var(--docsearch-muted-color);
            stroke-width: var(--docsearch-icon-stroke-width)
        }

        .DocSearch-Hit-action {
            align-items: center;
            display: flex;
            height: 22px;
            width: 22px
        }

        .DocSearch-Hit-action svg {
            display: block;
            height: 18px;
            width: 18px
        }

        .DocSearch-Hit-action + .DocSearch-Hit-action {
            margin-left: 6px
        }

        .DocSearch-Hit-action-button {
            appearance: none;
            background: none;
            border: 0;
            border-radius: 50%;
            color: inherit;
            cursor: pointer;
            padding: 2px
        }

        svg.DocSearch-Hit-Select-Icon {
            display: none
        }

        .DocSearch-Hit[aria-selected=true] .DocSearch-Hit-Select-Icon {
            display: block
        }

        .DocSearch-Hit-action-button:focus, .DocSearch-Hit-action-button:hover {
            background: rgba(0, 0, 0, .2);
            transition: background-color .1s ease-in
        }

        @media screen and (prefers-reduced-motion: reduce) {
            .DocSearch-Hit-action-button:focus, .DocSearch-Hit-action-button:hover {
                transition: none
            }
        }

        .DocSearch-Hit-action-button:focus path, .DocSearch-Hit-action-button:hover path {
            fill: #fff
        }

        .DocSearch-Hit-content-wrapper {
            display: flex;
            flex: 1 1 auto;
            flex-direction: column;
            font-weight: 500;
            justify-content: center;
            line-height: 1.2em;
            margin: 0 8px;
            overflow-x: hidden;
            position: relative;
            text-overflow: ellipsis;
            white-space: nowrap;
            width: 80%
        }

        .DocSearch-Hit-title {
            font-size: .9em
        }

        .DocSearch-Hit-path {
            color: var(--docsearch-muted-color);
            font-size: .75em
        }

        .DocSearch-Hit[aria-selected=true] .DocSearch-Hit-action, .DocSearch-Hit[aria-selected=true] .DocSearch-Hit-icon, .DocSearch-Hit[aria-selected=true] .DocSearch-Hit-path, .DocSearch-Hit[aria-selected=true] .DocSearch-Hit-text, .DocSearch-Hit[aria-selected=true] .DocSearch-Hit-title, .DocSearch-Hit[aria-selected=true] .DocSearch-Hit-Tree, .DocSearch-Hit[aria-selected=true] mark {
            color: var(--docsearch-hit-active-color) !important
        }

        @media screen and (prefers-reduced-motion: reduce) {
            .DocSearch-Hit-action-button:focus, .DocSearch-Hit-action-button:hover {
                background: rgba(0, 0, 0, .2);
                transition: none
            }
        }

        .DocSearch-ErrorScreen, .DocSearch-NoResults, .DocSearch-StartScreen {
            font-size: .9em;
            margin: 0 auto;
            padding: 36px 0;
            text-align: center;
            width: 80%
        }

        .DocSearch-Screen-Icon {
            color: var(--docsearch-muted-color);
            padding-bottom: 12px
        }

        .DocSearch-NoResults-Prefill-List {
            display: inline-block;
            padding-bottom: 24px;
            text-align: left
        }

        .DocSearch-NoResults-Prefill-List ul {
            display: inline-block;
            padding: 8px 0 0
        }

        .DocSearch-NoResults-Prefill-List li {
            list-style-position: inside;
            list-style-type: "\bb  "
        }

        .DocSearch-Prefill {
            appearance: none;
            background: none;
            border: 0;
            border-radius: 1em;
            color: var(--docsearch-highlight-color);
            cursor: pointer;
            display: inline-block;
            font-size: 1em;
            font-weight: 700;
            padding: 0
        }

        .DocSearch-Prefill:focus, .DocSearch-Prefill:hover {
            outline: none;
            text-decoration: underline
        }

        .DocSearch-Footer {
            align-items: center;
            background: var(--docsearch-footer-background);
            border-radius: 0 0 8px 8px;
            box-shadow: var(--docsearch-footer-shadow);
            display: flex;
            flex-direction: row-reverse;
            flex-shrink: 0;
            height: var(--docsearch-footer-height);
            justify-content: space-between;
            padding: 0 var(--docsearch-spacing);
            position: relative;
            user-select: none;
            width: 100%;
            z-index: 300
        }

        .DocSearch-Commands {
            color: var(--docsearch-muted-color);
            display: flex;
            list-style: none;
            margin: 0;
            padding: 0
        }

        .DocSearch-Commands li {
            align-items: center;
            display: flex
        }

        .DocSearch-Commands li:not(:last-of-type) {
            margin-right: .8em
        }

        .DocSearch-Commands-Key {
            align-items: center;
            background: var(--docsearch-key-gradient);
            border-radius: 2px;
            box-shadow: var(--docsearch-key-shadow);
            display: flex;
            height: 18px;
            justify-content: center;
            margin-right: .4em;
            padding: 0 0 1px;
            color: var(--docsearch-muted-color);
            border: 0;
            width: 20px
        }

        @media (max-width: 750px) {
            :root {
                --docsearch-spacing: 10px;
                --docsearch-footer-height: 40px
            }

            .DocSearch-Dropdown {
                height: 100%
            }

            .DocSearch-Container {
                height: 100vh;
                height: -webkit-fill-available;
                height: calc(var(--docsearch-vh, 1vh) * 100);
                position: absolute
            }

            .DocSearch-Footer {
                border-radius: 0;
                bottom: 0;
                position: absolute
            }

            .DocSearch-Hit-content-wrapper {
                display: flex;
                position: relative;
                width: 80%
            }

            .DocSearch-Modal {
                border-radius: 0;
                box-shadow: none;
                height: 100vh;
                height: -webkit-fill-available;
                height: calc(var(--docsearch-vh, 1vh) * 100);
                margin: 0;
                max-width: 100%;
                width: 100%
            }

            .DocSearch-Dropdown {
                max-height: calc(var(--docsearch-vh, 1vh) * 100 - var(--docsearch-searchbox-height) - var(--docsearch-spacing) - var(--docsearch-footer-height))
            }

            .DocSearch-Cancel {
                appearance: none;
                background: none;
                border: 0;
                color: var(--docsearch-highlight-color);
                cursor: pointer;
                display: inline-block;
                flex: none;
                font: inherit;
                font-size: 1em;
                font-weight: 500;
                margin-left: var(--docsearch-spacing);
                outline: none;
                overflow: hidden;
                padding: 0;
                user-select: none;
                white-space: nowrap
            }

            .DocSearch-Commands, .DocSearch-Hit-Tree {
                display: none
            }
        }

        @keyframes fade-in {
            0% {
                opacity: 0
            }

            to {
                opacity: 1
            }
        }

        @media screen and (min-width: 768px) {
            .algolia-search-box {
                min-width: 176.3px
            }
        }

        .DocSearch {
            --docsearch-primary-color: var(--brand-color);
            --docsearch-highlight-color: var(--brand-color);
            --docsearch-key-gradient: rgba(125, 125, 125, .1);
            --docsearch-footer-height: 44px;
            --docsearch-footer-background: var(--bg-color);
            --docsearch-footer-shadow: 0 -1px 0 0 #e0e3e8, 0 -3px 6px 0 rgba(69, 98, 155, .12);
            --docsearch-searchbox-background: rgba(var(--bg-color-rgb), .8);
            --docsearch-searchbox-focus-background: var(--bg-color-mute);
            --docsearch-searchbox-shadow: inset 0 0 0 2px var(--brand-color);
            --docsearch-muted-color: var(--text-color-lighter);
            --docsearch-text-color: var(--text-color-light);
            --docsearch-modal-background: var(--bg-color-soft);
            --docsearch-modal-shadow: var(--el-box-shadow);
            transition: background-color var(--el-transition-duration-fast);
            background-color: transparent
        }

        .DocSearch.DocSearch-Container {
            z-index: 20000
        }

        .DocSearch.DocSearch-Button {
            margin-right: 8px
        }

        .DocSearch .DocSearch-Title {
            word-break: break-word
        }

        @media (max-width: 749px) {
            .DocSearch.DocSearch-Button {
                margin: 0 12px;
                padding: 0
            }
        }

        .dark .DocSearch {
            --docsearch-text-color: var(--text-color-light);
            --docsearch-key-shadow: none;
            --docsearch-modal-shadow: none;
            --docsearch-footer-shadow: none;
            --docsearch-hit-background: var(--bg-color-mute);
            --docsearch-hit-color: var(--text-color-lighter);
            --docsearch-hit-shadow: none
        }

        .dark .DocSearch .DocSearch-Button .DocSearch-Button-Key {
            box-shadow: unset
        }

        @media screen and (min-width: 768px) {
            .DocSearch {
                background-color: var(--docsearch-searchbox-background)
            }
        }

        .link-item[data-v-36735cb0] {
            display: flex;
            align-items: center
        }

        .el-icon[data-v-36735cb0] {
            margin-left: 4px
        }

        .is-menu-link[data-v-76aa4338] {
            display: block;
            padding: 0 12px;
            line-height: calc(var(--nav-height) - 3px);
            font-size: 14px;
            font-weight: 500;
            color: var(--text-color);
            transition: color var(--el-transition-duration);
            border-bottom: 2px solid transparent
        }

        .is-menu-link.active[data-v-76aa4338] {
            border-bottom-color: var(--brand-color)
        }

        .is-menu-link[data-v-76aa4338]:hover {
            color: var(--brand-color)
        }

        .is-menu-link .badge[data-v-76aa4338] {
            display: inline;
            vertical-align: unset
        }

        .is-menu-link .badge[data-v-76aa4338] .is-dot {
            right: 0
        }

        [data-v-0180af72] .el-switch__core {
            --el-switch-on-color: var(--bg-color-mute);
            --el-switch-off-color: var(--bg-color-mute);
            --el-switch-border-color: var(--border-color)
        }

        [data-v-0180af72] .el-switch__core .el-switch__action {
            width: 14px;
            height: 14px
        }

        [data-v-0180af72] .dark-icon {
            border-radius: 50%;
            color: #cfd3dc;
            background-color: #141414
        }

        [data-v-0180af72] .light-icon {
            color: #606266
        }

        .theme-toggler-content[data-v-b1b91f92] {
            background-color: var(--bg-color);
            color: var(--text-color);
            transition: border-color var(--el-transition-duration), background-color var(--el-transition-duration-fast);
            background-color: transparent;
            display: none;
            border-radius: 50%;
            height: 24px;
            padding: 0 12px
        }

        @media screen and (min-width: 768px) {
            .theme-toggler-content[data-v-b1b91f92] {
                display: flex;
                align-items: center
            }
        }

        .translation-container[data-v-12008bb2] {
            display: none;
            height: 24px;
            padding: 0 12px
        }

        @media screen and (min-width: 768px) {
            .translation-container[data-v-12008bb2] {
                display: block
            }
        }

        .el-dropdown__popper.translation-popup {
            --el-bg-color-overlay: var(--bg-color);
            --el-popper-border-radius: 8px;
            --el-border-color-light: transparent;
            padding: 7px 0;
            min-width: 192px;
            transition: background-color .5s
        }

        .el-dropdown__popper.translation-popup .el-popper__arrow {
            display: none
        }

        .el-dropdown__popper.translation-popup .language {
            padding: 0 16px;
            line-height: 28px
        }

        .el-dropdown__popper.translation-popup .language.selected {
            --el-text-color-regular: var(--brand-color)
        }

        .social-link[data-v-72eabb9c] {
            color: var(--text-color)
        }

        .social-links[data-v-76aa5200] {
            height: 24px;
            padding: 0 12px
        }

        .logo-container[data-v-74f3ae96] {
            display: flex;
            align-items: center;
            height: var(--header-height)
        }

        .logo-container > a[data-v-74f3ae96] {
            height: 28px;
            width: 128px
        }

        .logo-container .logo[data-v-74f3ae96] {
            position: relative;
            height: 100%
        }

        .dark .logo[data-v-74f3ae96] {
            filter: drop-shadow(2px 2px 6px #409eff)
        }

        .is-menu-link[data-v-4768c412] {
            display: block;
            font-size: 13px;
            font-weight: 500;
            line-height: 24px;
            color: var(--text-color);
            transition: color var(--el-transition-duration)
        }

        .is-menu-link.active[data-v-4768c412] {
            border-bottom: 2px solid var(--brand-color)
        }

        .is-menu-link[data-v-4768c412]:hover {
            color: var(--brand-color)
        }

        .full-screen-menu__item[data-v-b5c1329c] {
            padding: 12px 0;
            border-bottom: 1px solid var(--border-color)
        }

        .full-screen-translation[data-v-7e4eafe2] {
            border-bottom: 1px solid var(--border-color)
        }

        .translation-toggler[data-v-7e4eafe2] {
            width: 100%;
            display: flex;
            align-items: center;
            justify-content: space-between;
            line-height: 24px
        }

        .translation-toggler .toggle-icon[data-v-7e4eafe2] {
            transition: transform var(--el-transition-duration);
            transform: rotate(180deg)
        }

        .translation-toggler .toggle-icon.expanded[data-v-7e4eafe2] {
            transform: rotate(0)
        }

        .translation-items[data-v-7e4eafe2] {
            padding-bottom: 12px
        }

        .translation-items .translation-item[data-v-7e4eafe2] {
            cursor: pointer;
            margin: 0;
            font-size: 14px;
            line-height: 32px
        }

        .translation-items .translation-item.active[data-v-7e4eafe2] {
            font-weight: 500;
            color: var(--brand-color)
        }

        .translation-items .translation-item .link-item[data-v-7e4eafe2] {
            font-weight: 500
        }

        .full-screen-theme-toggler[data-v-ff164920] {
            display: flex;
            padding: 12px 14px;
            align-items: center;
            justify-content: space-between;
            margin-top: 16px;
            font-size: 13px;
            background-color: var(--bg-color-soft);
            border-radius: 8px
        }

        .full-screen[data-v-340416bd] {
            position: fixed;
            top: var(--nav-height);
            right: 0;
            bottom: 0;
            left: 0;
            padding: 0 32px;
            width: 100%;
            background-color: var(--bg-color);
            transition: background-color .5s;
            overflow-y: auto
        }

        .full-screen.el-fade-in-enter-active .full-screen-container[data-v-340416bd], .full-screen.el-fade-in-leave-active .full-screen-container[data-v-340416bd] {
            transition: transform var(--el-transition-duration) var(--el-transition-function-ease-in-out-bezier)
        }

        .full-screen.el-fade-in-enter-from .full-screen-container[data-v-340416bd], .full-screen.el-fade-in-leave-to .full-screen-container[data-v-340416bd] {
            transform: translateY(-8px)
        }

        .full-screen .full-screen-container[data-v-340416bd] {
            margin: 0 auto;
            padding: 24px 0 96px;
            max-width: 18rem
        }

        .sidebar-button {
            cursor: pointer;
            color: var(--text-color)
        }

        .sidebar-button .icon {
            display: block;
            width: 1.25rem;
            height: 1.25rem
        }

        .link[data-v-189bd8ba]:not(.flex) {
            display: block
        }

        .link[data-v-189bd8ba] {
            padding: 10px 16px;
            line-height: 1.5;
            font-size: .9rem;
            border-radius: 8px
        }

        .link .link-text[data-v-189bd8ba] {
            margin: 0
        }

        .link:hover .link-text[data-v-189bd8ba] {
            color: var(--brand-color);
            transition: color .25s
        }

        .link.active[data-v-189bd8ba] {
            background-color: var(--link-active-bg-color)
        }

        .link.active .link-text[data-v-189bd8ba] {
            font-weight: 600;
            color: var(--brand-color);
            transition: color .25s
        }

        .link-text[data-v-189bd8ba] {
            line-height: 20px;
            font-size: 13px;
            font-weight: 500;
            color: var(--text-color-light);
            transition: color .5s
        }

        .link[data-v-7d4aa2c8] {
            display: inline-block;
            font-weight: 500
        }

        .link[data-v-7d4aa2c8]:hover {
            text-decoration: none;
            color: var(--brand-color)
        }

        .page-footer[data-v-3e2f3e7f] {
            padding-top: 1rem;
            padding-bottom: 1rem;
            overflow: auto
        }

        .page-footer .updated[data-v-3e2f3e7f] {
            padding-top: 4px
        }

        @media screen and (min-width: 960px) {
            .page-footer[data-v-3e2f3e7f] {
                display: flex;
                justify-content: space-between;
                align-items: center
            }

            .updated[data-v-3e2f3e7f] {
                padding-top: 0
            }
        }

        .next-and-prev-link[data-v-8ad25866] {
            padding-top: 1rem
        }

        .container[data-v-8ad25866] {
            display: flex;
            justify-content: space-between;
            border-top: 1px solid var(--border-color);
            padding-top: 1rem
        }

        .prev[data-v-8ad25866], .next[data-v-8ad25866] {
            display: flex;
            flex-shrink: 0;
            width: 50%
        }

        .prev[data-v-8ad25866] {
            justify-content: flex-start;
            padding-right: 12px
        }

        .next[data-v-8ad25866] {
            justify-content: flex-end;
            padding-left: 12px
        }

        .link[data-v-8ad25866] {
            display: inline-flex;
            justify-content: center;
            align-items: center;
            max-width: 100%;
            height: 24px;
            font-size: 14px;
            font-weight: 500
        }

        .text[data-v-8ad25866] {
            display: inline-flex;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis
        }

        .el-icon[data-v-8ad25866] {
            display: inline-flex;
            flex-shrink: 0;
            font-size: 12px;
            color: var(--text-color);
            transform: translateY(1px)
        }

        .icon-prev[data-v-8ad25866] {
            margin-right: 8px
        }

        .icon-next[data-v-8ad25866] {
            margin-left: 8px
        }

        .right-big[data-v-1a999eaa], .right-rich[data-v-84253628], .right-small[data-v-1e0a70fc] {
            margin-top: 16px
        }

        .sponsors-button[data-v-6f13b908] button {
            width: 100%
        }

        .el-result[data-v-7cbef944] {
            height: 100vh;
            width: 100vw
        }

        .dark .footer {
            background-color: var(--el-fill-color-lighter)
        }

        .footer {
            background-color: #f5f7fa;
            box-sizing: border-box;
            padding: 42px 64px 64px
        }

        .footer.is-home {
            background-color: var(--bg-color);
            max-width: 1200px;
            margin: 0 auto;
            padding: 40px 0
        }

        .footer .container {
            box-sizing: border-box;
            width: auto
        }

        .footer .footer-main {
            font-size: 0;
            display: inline-block;
            vertical-align: top;
            margin-right: 130px
        }

        .footer .footer-main h4 {
            font-size: 18px;
            line-height: 1;
            margin: 0 0 15px;
            font-weight: 400;
            color: var(--el-text-color-primary)
        }

        .footer .footer-main .footer-main-link {
            display: block;
            margin: 0;
            line-height: 2;
            font-size: 14px;
            color: var(--text-color-light)
        }

        .footer .footer-main .footer-main-link:hover {
            color: var(--text-color)
        }

        .footer .footer-social {
            float: right;
            text-align: right
        }

        .footer .footer-social .footer-social-title {
            color: var(--text-color-light);
            font-size: 18px;
            line-height: 1;
            margin: 0 0 20px;
            padding: 0;
            font-weight: 700
        }

        .footer .footer-social .ep-icon-github {
            transition: .3s;
            display: inline-block;
            line-height: 32px;
            text-align: center;
            color: #c8d6e8;
            background-color: transparent;
            font-size: 32px;
            vertical-align: middle;
            margin-right: 20px
        }

        .footer .footer-social .ep-icon-github:hover {
            transform: scale(1.2);
            color: #8d99ab
        }

        .footer .footer-social .doc-icon-gitter {
            margin-right: 0
        }

        @media (max-width: 1140px) {
            .footer {
                height: auto
            }
        }

        @media (max-width: 1000px) {
            .footer-social {
                display: none
            }
        }

        @media (max-width: 768px) {
            .footer .footer-main {
                margin-bottom: 30px
            }
        }

        div[data-v-97807a40] {
            display: flex;
            align-items: center
        }

        div .sponsor-item[data-v-97807a40] {
            margin-right: 4px;
            height: 36px;
            width: 36px
        }

        @media screen and (min-width: 1680px) {
            div .sponsor-item[data-v-97807a40] {
                height: 44px;
                width: 44px
            }
        }

        @media (max-width: 767px) {
            div .sponsor-item[data-v-97807a40] {
                width: 44px;
                height: 44px
            }
        }

        div .sponsor-item img[data-v-97807a40] {
            height: 100%;
            width: 100%
        }

        @media screen and (min-width: ) {
            div[data-v-97807a40] {
                width: 196px
            }
        }

        .sponsor-item[data-v-23d0a532] {
            margin-bottom: 8px;
            height: 60px;
            width: 196px
        }

        @media screen and (min-width: 1680px) {
            .sponsor-item[data-v-23d0a532] {
                width: 236px;
                height: 72px
            }
        }

        @media (max-width: 767px) {
            .sponsor-item[data-v-23d0a532] {
                width: 236px;
                height: 72px
            }
        }

        .sponsor-item img[data-v-23d0a532] {
            border-radius: 8px;
            overflow: hidden;
            height: 100%;
            width: 100%
        }

        @media (max-width: 768px) {
            .sponsor-item img[data-v-23d0a532] {
                border-radius: 4px;
                min-height: 45px
            }
        }

        .page-content-main-a[data-v-07140a33] {
            padding-bottom: 10px;
            padding-top: 0
        }

        .page-content-main-a .title[data-v-07140a33] {
            color: var(--text-color-secondary);
            font-weight: 300;
            font-size: 14px
        }

        .example-showcase[data-v-1ab1ffd8] {
            padding: 1.5rem;
            margin: .5px;
            background-color: var(--bg-color)
        }

        .language-vue[data-v-4fb2462d] {
            margin: 0;
            border-radius: 0
        }

        .example[data-v-5d9e4641] {
            border: 1px solid var(--border-color);
            border-radius: var(--el-border-radius-base)
        }

        .example .op-btns[data-v-5d9e4641] {
            padding: .5rem;
            display: flex;
            align-items: center;
            justify-content: flex-end;
            height: 2.5rem
        }

        .example .op-btns .el-icon[data-v-5d9e4641]:hover {
            color: var(--text-color)
        }

        .example .op-btns .op-btn[data-v-5d9e4641] {
            margin: 0 .5rem;
            cursor: pointer;
            color: var(--text-color-lighter);
            transition: .2s
        }

        .example .op-btns .op-btn.github a[data-v-5d9e4641] {
            transition: .2s;
            color: var(--text-color-lighter)
        }

        .example .op-btns .op-btn.github a[data-v-5d9e4641]:hover {
            color: var(--text-color)
        }

        .example-float-control[data-v-5d9e4641] {
            display: flex;
            align-items: center;
            justify-content: center;
            border-top: 1px solid var(--border-color);
            height: 44px;
            box-sizing: border-box;
            background-color: var(--bg-color, #fff);
            border-bottom-left-radius: 4px;
            border-bottom-right-radius: 4px;
            margin-top: -1px;
            color: var(--el-text-color-secondary);
            cursor: pointer;
            position: sticky;
            left: 0;
            right: 0;
            bottom: 0;
            z-index: 10
        }

        .example-float-control span[data-v-5d9e4641] {
            font-size: 14px;
            margin-left: 10px
        }

        .example-float-control[data-v-5d9e4641]:hover {
            color: var(--el-color-primary)
        }

        [data-v-336ca0fd] .el-icon {
            font-size: 18px
        }

        .overview-container[data-v-d30c09ae] {
            position: relative
        }

        .overview-container .search-content[data-v-d30c09ae] {
            position: sticky;
            top: 60px;
            z-index: 10
        }

        .overview-container .search-content .el-input[data-v-d30c09ae] {
            background: var(--bg-color)
        }

        .overview-container .main-content .component-group[data-v-d30c09ae] {
            margin-top: 32px
        }

        .overview-container .main-content .component-group .component-title[data-v-d30c09ae] {
            display: flex;
            align-items: center;
            font-size: 20px;
            font-weight: 600;
            color: var(--el-text-color-primary);
            gap: 8px
        }

        .overview-container .main-content .component-group .card-content[data-v-d30c09ae] {
            display: grid;
            grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
            gap: 16px
        }

        .overview-container .main-content .component-group .card-content[data-v-d30c09ae] .el-card {
            cursor: pointer;
            transition: none
        }

        .overview-container .main-content .component-group .card-content[data-v-d30c09ae] .el-card:focus-visible {
            outline: 2px solid var(--el-color-primary);
            outline-offset: 1px
        }

        .overview-container .main-content .component-group .card-content[data-v-d30c09ae] .el-card .el-card__header {
            display: flex;
            justify-content: space-between;
            align-items: center;
            gap: 8px;
            padding: 8px 12px
        }

        .overview-container .main-content .component-group .card-content[data-v-d30c09ae] .el-card .el-card__header .el-text {
            font-size: 14px;
            font-weight: 500;
            color: var(--el-text-color-regular);
            line-height: 24px
        }

        .overview-container .main-content .component-group .card-content[data-v-d30c09ae] .el-card .el-card__body {
            padding: 0;
            display: flex;
            justify-content: center;
            align-items: center;
            aspect-ratio: 280/180
        }

        .overview-container .main-content .component-group .card-content[data-v-d30c09ae] .el-card .el-card__body svg {
            width: 100%;
            height: auto
        }

        .overview-container .main-content .designed-by[data-v-d30c09ae] {
            text-align: right;
            font-size: 14px
        }

        .icon-search-content[data-v-6fbb019e] {
            position: sticky;
            top: 60px;
            z-index: 10
        }

        .icon-search-content .el-input[data-v-6fbb019e] {
            background: var(--bg-color)
        }

        .demo-icon-item[data-v-6fbb019e] {
            margin-top: 24px
        }

        .demo-icon-item[data-v-6fbb019e]:first-child {
            margin-top: 0
        }

        .demo-icon-title[data-v-6fbb019e] {
            font-weight: 400;
            font-size: 18px;
            line-height: 26px
        }

        .demo-icon-list[data-v-6fbb019e] {
            overflow: hidden;
            list-style: none;
            padding: 0 !important;
            border-left: 1px solid var(--el-border-color);
            border-radius: 4px;
            display: grid;
            grid-template-columns: repeat(7, 1fr)
        }

        .demo-icon-list .icon-item[data-v-6fbb019e] {
            text-align: center;
            color: var(--el-text-color-regular);
            height: 90px;
            font-size: 13px;
            border-right: 1px solid var(--el-border-color);
            border-bottom: 1px solid var(--el-border-color);
            transition: background-color var(--el-transition-duration)
        }

        .demo-icon-list .icon-item[data-v-6fbb019e]:nth-child(-n+7) {
            border-top: 1px solid var(--el-border-color)
        }

        .demo-icon-list .icon-item[data-v-6fbb019e]:hover {
            background-color: var(--el-border-color-extra-light);
            color: var(--brand-color-light)
        }

        .demo-icon-list .icon-item:hover .el-icon[data-v-6fbb019e] {
            color: var(--brand-color-light)
        }

        .demo-icon-list .icon-item .demo-svg-icon[data-v-6fbb019e] {
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            height: 100%;
            cursor: pointer
        }

        .demo-icon-list .icon-item .demo-svg-icon .icon-name[data-v-6fbb019e] {
            margin-top: 8px
        }

        #nprogress {
            pointer-events: none
        }

        #nprogress .bar {
            background: #29d;
            position: fixed;
            z-index: 1031;
            top: 0;
            left: 0;
            width: 100%;
            height: 2px
        }

        #nprogress .peg {
            display: block;
            position: absolute;
            right: 0;
            width: 100px;
            height: 100%;
            box-shadow: 0 0 10px #29d, 0 0 5px #29d;
            opacity: 1;
            -webkit-transform: rotate(3deg) translateY(-4px);
            -ms-transform: rotate(3deg) translateY(-4px);
            transform: rotate(3deg) translateY(-4px)
        }

        #nprogress .spinner {
            display: block;
            position: fixed;
            z-index: 1031;
            top: 15px;
            right: 15px
        }

        #nprogress .spinner-icon {
            width: 18px;
            height: 18px;
            box-sizing: border-box;
            border-color: #29d transparent transparent #29d;
            border-style: solid;
            border-width: 2px;
            border-radius: 50%;
            -webkit-animation: nprogress-spinner .4s linear infinite;
            animation: nprogress-spinner .4s linear infinite
        }

        .nprogress-custom-parent {
            overflow: hidden;
            position: relative
        }

        .nprogress-custom-parent #nprogress .bar, .nprogress-custom-parent #nprogress .spinner {
            position: absolute
        }

        @-webkit-keyframes nprogress-spinner {
            0% {
                -webkit-transform: rotate(0deg)
            }

            to {
                -webkit-transform: rotate(1turn)
            }
        }

        @keyframes nprogress-spinner {
            0% {
                transform: rotate(0)
            }

            to {
                transform: rotate(1turn)
            }
        }
    </style>
    <style>
        .gen_codes {
            width: 296px;
            height: calc(100vh - 115px);
        }

        .el-tabs__content {
            width: calc(100vw - 330px);
        }
    </style>
</head>
<body>
<div id="app">
    <div class="common-layout">
        <el-container>
            <el-header><h1 style="margin-top: 34px;">{{txt.header}}</h1><a
                    href="https://bbs.3dmgame.com/thread-6508279-1-1.html"
                    style="position: absolute;top: 32px;right: 20px;" target="_blank">补丁下载地址</a></el-header>
            <el-container>
                <el-main>
                    <el-container>
                        <el-tabs v-model="activeName">
                            <el-tab-pane v-for="(item, index) in items" :key="index"
                                         :label="item.name" :name="item.name">
                                <el-scrollbar height="calc(100vh - 190px)">
                                <el-collapse v-model="item.active" accordion>
                                    <el-collapse-item v-for="(group, index) in item.items" :name="group.name"
                                                      :key="index" :title="group.name">
                                        <el-space wrap>
                                            <el-switch v-for="(item, index) in group.items" v-model="item.checked"
                                                       :active-text="item.name" :key="index"></el-switch>
                                        </el-space>
                                        <el-row><el-col><el-button type="text" @click="hideAll(group.items)">全选</el-button><el-button type="text" @click="cancelHideAll(group.items)">取消全选</el-button></el-col></el-row>
                                    </el-collapse-item>
                                </el-collapse>
                                </el-scrollbar>
                            </el-tab-pane>
                        </el-tabs>
                    </el-container>
                </el-main>
                <el-aside>
                        <el-row>
                            <el-col><el-button type="text" @click="copyCodes" style="margin-bottom: -24px;">复制屏蔽代码</el-button></el-col>
                        </el-row>
                    <el-row>
                        <el-col>
                            <el-input v-model="show_codes" readonly :autosize="el.codesSize" class="gen_codes"
                                      type="textarea" placeholder="生成的屏蔽代码将显示在此处"/>
                            </el-button></el-col>
                    </el-row>
                </el-aside>
            </el-container>
        </el-container>
    </div>
</div>
<script>
    const App = {
        data() {
            return {
                txt: {
                    header: "PangLi2.1.6屏蔽物品代码生成工具",
                    main: "屏蔽设置",
                    aside: "生成代码"
                },
                el: {
                    codesSize: {minRows: 20, maxRows: 40}
                },
                activeName: "武器",
                items: [
                    {
                        name: "武器", active: '弓/弩', items: [{
                            name: "弓/弩",
                            items: [{name:"短弓U[剜眼]",code:"sbw",lvl:1,id:68,checked:false},{name:"猎弓U[凋零之击]",code:"hbw",lvl:5,id:69,checked:false},{name:"长弓U[血鸦之爪]",code:"lbw",lvl:8,id:70,checked:false},{name:"复合弓U[游猎之弓]",code:"cbw",lvl:12,id:71,checked:false},{name:"短战弓U[风暴之击]",code:"sbb",lvl:18,id:72,checked:false},{name:"长战弓S[维达拉的倒刺]U[凋零劲弦]",code:"lbb",lvl:23,id:73,checked:false},{name:"短战争弓S[北极号角]U[地狱飞啸]",code:"swb",lvl:27,id:74,checked:false},{name:"长战争弓U[爆裂喧嚣]",code:"lwb",lvl:31,id:75,checked:false},{name:"轻弩U[铅鸦]",code:"lxb",lvl:6,id:76,checked:false},{name:"弩U[灵液之刺]",code:"mxb",lvl:15,id:77,checked:false},{name:"重弩U[狱火投手]",code:"hxb",lvl:24,id:78,checked:false},{name:"连击弩U[末日投手]",code:"rxb",lvl:33,id:79,checked:false},{name:"刃弓U[天击]",code:"8sb",lvl:30,id:161,checked:false},{name:"刀锋弓U[撕裂之钩]",code:"8hb",lvl:33,id:162,checked:false},{name:"雪松弓U[赤焰之击]",code:"8lb",lvl:35,id:163,checked:false},{name:"双臂弓U[无尽冰雹]",code:"8cb",lvl:39,id:164,checked:false},{name:"小型攻城弓U[狂法劲弦]",code:"8s8",lvl:43,id:165,checked:false},{name:"大型攻城弓U[峭壁杀手]",code:"8l8",lvl:46,id:166,checked:false},{name:"符文弓U[法师之怒]",code:"8sw",lvl:49,id:167,checked:false},{name:"哥特弓U[金击之弧]",code:"8lw",lvl:52,id:168,checked:false},{name:"巨弩U[千步碎击]",code:"8lx",lvl:34,id:169,checked:false},{name:"攻城弩U[吐脓毒弩]",code:"8mx",lvl:40,id:170,checked:false},{name:"弩炮U[暴雪重炮]",code:"8hx",lvl:47,id:171,checked:false},{name:"诸葛弩U[恶魔机弩,★连弩★]",code:"8rx",lvl:54,id:172,checked:false},{name:"蜘蛛弓U[洞穿灵魂]",code:"6sb",lvl:55,id:264,checked:false},{name:"利刃弓U[女妖之啸]",code:"6hb",lvl:60,id:265,checked:false},{name:"暗影弓U[碎月]",code:"6lb",lvl:63,id:266,checked:false},{name:"重弓U[收割者]",code:"6cb",lvl:68,id:267,checked:false},{name:"钻石弓U[★烬石之瞳★]",code:"6s7",lvl:72,id:268,checked:false},{name:"十字军弓U[鹰之号角]",code:"6l7",lvl:77,id:269,checked:false},{name:"防护弓U[★挽弓当挽强★]",code:"6sw",lvl:80,id:270,checked:false},{name:"九头蛇弓U[★风之力★]",code:"6lw",lvl:85,id:271,checked:false},{name:"弹丸弓U[龙兽之焰]",code:"6lx",lvl:57,id:272,checked:false},{name:"蛇发女妖弩U[★寡妇制造者★]",code:"6mx",lvl:67,id:273,checked:false},{name:"巨神弩U[地狱刑器]",code:"6hx",lvl:75,id:274,checked:false},{name:"恶魔弩U[碎胆]",code:"6rx",lvl:84,id:275,checked:false},{name:"猎鹿弓U[暴雨梨花]",code:"am1",lvl:18,id:281,checked:false},{name:"双曲弓U[风中奏]",code:"am2",lvl:27,id:282,checked:false},{name:"白蜡木弓U[雾凇]",code:"am6",lvl:39,id:291,checked:false},{name:"仪式弓U[莱姗德的远击]",code:"am7",lvl:47,id:292,checked:false},{name:"女族长弓U[血鸦的冲锋]",code:"amb",lvl:53,id:301,checked:false},{name:"仕女长之弓S[艾维娜的施展]U[石破天惊]",code:"amc",lvl:78,id:302,checked:false}
                            ]
                        },{
                            name:"斧/棍/锤",
                            items:[{name:"手斧U[血肉撕咬]",code:"hax",lvl:3,id:0,checked:false},{name:"斧子-斧U[死亡黑桃]",code:"axe",lvl:7,id:1,checked:false},{name:"双刃斧S[狂战士的手斧]U[刃骨]",code:"2ax",lvl:13,id:2,checked:false},{name:"军镐S[坦克雷的鸦嘴锄]U[凿颅者]",code:"mpi",lvl:19,id:3,checked:false},{name:"战斧U[钯肉斧]",code:"wax",lvl:25,id:4,checked:false},{name:"大斧U[费屈玛之斧]",code:"lax",lvl:6,id:5,checked:false},{name:"宽刃斧U[铲肉斧]",code:"bax",lvl:12,id:6,checked:false},{name:"战斗斧U[酋长]",code:"btx",lvl:17,id:7,checked:false},{name:"重斧U[劈颅者]",code:"gax",lvl:23,id:8,checked:false},{name:"巨斧U[巨无霸]",code:"gix",lvl:27,id:9,checked:false},{name:"木棒U[凶猛橡木]",code:"clb",lvl:1,id:14,checked:false},{name:"狼牙棒U[坚硬钉爪]",code:"spc",lvl:4,id:18,checked:false},{name:"钉锤U[四叶破甲锤]",code:"mac",lvl:8,id:19,checked:false},{name:"流星锤U[血色飞星]",code:"mst",lvl:13,id:20,checked:false},{name:"连枷U[将军的短连枷]",code:"fla",lvl:19,id:21,checked:false},{name:"战锤U[铁石]",code:"whm",lvl:25,id:22,checked:false},{name:"大锤U[碎骨]",code:"mau",lvl:21,id:23,checked:false},{name:"重锤U[钢榔头]",code:"gma",lvl:32,id:24,checked:false},{name:"怀特的木腿",code:"leg",lvl:0,id:88,checked:false},{name:"赫拉迪姆之锤",code:"hdm",lvl:0,id:89,checked:false},{name:"地狱熔炉之锤U[地狱熔炉之锤]",code:"hfh",lvl:0,id:90,checked:false},{name:"小斧U[冰殛]",code:"9ha",lvl:31,id:93,checked:false},{name:"剁肉斧U[屠夫之瞳]",code:"9ax",lvl:34,id:94,checked:false},{name:"双锋斧U[海岛之击]",code:"92a",lvl:39,id:95,checked:false},{name:"鸦嘴锄U[庞贝之怒]",code:"9mp",lvl:43,id:96,checked:false},{name:"蛇妖斧U[蛇神守护者]",code:"9wa",lvl:48,id:97,checked:false},{name:"军斧U[战爵之证]",code:"9la",lvl:34,id:98,checked:false},{name:"钩斧U[魔咒之钢]",code:"9ba",lvl:38,id:99,checked:false},{name:"塔巴战斧U[御雷者]",code:"9bt",lvl:42,id:100,checked:false},{name:"哥特斧U[碎骨者之刃]",code:"9ga",lvl:46,id:101,checked:false},{name:"古代斧U[牛魔斧]",code:"9gi",lvl:51,id:102,checked:false},{name:"大棒U[暗族粉碎者]",code:"9cl",lvl:30,id:107,checked:false},{name:"钉刺尖棒U[血肉撕裂者]",code:"9sp",lvl:32,id:111,checked:false},{name:"凸缘钉锤U[神河之霜]",code:"9ma",lvl:35,id:112,checked:false},{name:"锯齿星锤S[艾尔多的护手]U[月陨]",code:"9mt",lvl:39,id:113,checked:false},{name:"链子锤U[贝希尔的漩涡]",code:"9fl",lvl:43,id:114,checked:false},{name:"战斗锤U[震地者]",code:"9wh",lvl:48,id:115,checked:false},{name:"战棒U[龙血木桩]",code:"9m9",lvl:45,id:116,checked:false},{name:"尖头锤U[苦痛木槌]",code:"9gm",lvl:53,id:117,checked:false},{name:"卡林姆的连枷U[卡林姆的连枷]",code:"qf1",lvl:0,id:173,checked:false},{name:"卡林姆的意志U[卡林姆的意志]",code:"qf2",lvl:0,id:174,checked:false},{name:"战钺U[剃刀之锋]",code:"7ha",lvl:54,id:196,checked:false},{name:"新月斧U[死亡新月]",code:"7ax",lvl:61,id:197,checked:false},{name:"双头斧U[符文大师]",code:"72a",lvl:70,id:198,checked:false},{name:"战争尖斧U[鹤嘴锄]",code:"7mp",lvl:79,id:199,checked:false},{name:"狂战斧U[★死亡劈斧★]",code:"7wa",lvl:85,id:200,checked:false},{name:"狂野利斧U[重残]",code:"7la",lvl:57,id:201,checked:false},{name:"镀银斧U[无形之锋]",code:"7ba",lvl:65,id:202,checked:false},{name:"斩首斧U[地狱屠戮者]",code:"7bt",lvl:73,id:203,checked:false},{name:"冠军斧U[梅塞施密特的劫掠者]",code:"7ga",lvl:82,id:204,checked:false},{name:"荣耀之斧U[行刑者的裁决]",code:"7gi",lvl:85,id:205,checked:false},{name:"戒律棒U[极地碎肉棒]",code:"7cl",lvl:52,id:210,checked:false},{name:"暴君棒U[恶魔断肢]",code:"7sp",lvl:57,id:214,checked:false},{name:"加固锤S[覃君的教导]U[★恰西的恩惠★]",code:"7ma",lvl:63,id:215,checked:false},{name:"恶魔流星U[巴拉纳之星]",code:"7mt",lvl:70,id:216,checked:false},{name:"鞭锤U[★地平线的龙卷风★,★风暴之鞭★]",code:"7fl",lvl:76,id:217,checked:false},{name:"传奇重锤U[舍费尔之锤,碎石者]",code:"7wh",lvl:82,id:218,checked:false},{name:"食人魔锤S[不朽之王的碎石锤]U[风锤]",code:"7m7",lvl:69,id:219,checked:false}]
                        },{
                            name: "法杖/魔杖/权杖",
                            items:[{name:"魔杖U[伊洛的火炬]",code:"wnd",lvl:2,id:10,checked:false},{name:"紫杉魔杖U[漩涡之力]",code:"ywn",lvl:12,id:11,checked:false},{name:"白骨魔杖S[麦克奥雷的迷信]U[脊骨雕塑]",code:"bwn",lvl:18,id:12,checked:false},{name:"恐怖魔杖S[地狱火炬]U[婴灵的哀歌]",code:"gwn",lvl:26,id:13,checked:false},{name:"权杖U[丧钟敲击者]",code:"scp",lvl:3,id:15,checked:false},{name:"大权杖S[希弗伯的短棍]U[腐锈权柄]",code:"gsc",lvl:15,id:16,checked:false},{name:"战争权杖S[米拉伯佳的权杖]U[风暴之眼]",code:"wsp",lvl:21,id:17,checked:false},{name:"短杖U[祸根之灰]",code:"sst",lvl:1,id:63,checked:false},{name:"长杖U[海蛇之王]",code:"lst",lvl:8,id:64,checked:false},{name:"多节杖U[拉扎鲁斯的螺旋杖]",code:"cst",lvl:12,id:65,checked:false},{name:"战斗杖S[卡珊的统治]U[沙罗曼]",code:"bst",lvl:17,id:66,checked:false},{name:"战杖S[阿卡娜的死亡之杖]U[铁长棍]",code:"wst",lvl:24,id:67,checked:false},{name:"赫拉迪姆法杖U[赫拉迪姆法杖]",code:"hst",lvl:0,id:91,checked:false},{name:"赫拉迪姆法杖的杖身U[列王之杖]",code:"msf",lvl:0,id:92,checked:false},{name:"烧制魔杖U[自戕树杈]",code:"9wn",lvl:31,id:103,checked:false},{name:"石化魔杖U[石冢碎片]",code:"9yw",lvl:38,id:104,checked:false},{name:"随葬魔杖U[李奥瑞克的臂骨]",code:"9bw",lvl:43,id:105,checked:false},{name:"陪葬魔杖U[黑手钥匙]",code:"9gw",lvl:49,id:106,checked:false},{name:"符文权杖U[萨卡兰姆之手]",code:"9sc",lvl:31,id:108,checked:false},{name:"圣水礼杖U[恶臭喷杖]",code:"9qs",lvl:40,id:109,checked:false},{name:"神圣权杖U[圣光之手]",code:"9ws",lvl:45,id:110,checked:false},{name:"杖棍U[剃刀飞旋]",code:"8ss",lvl:30,id:156,checked:false},{name:"六尺棍U[肋骨粉碎者]",code:"8ls",lvl:35,id:157,checked:false},{name:"雪松杖U[多彩之怒]",code:"8cs",lvl:38,id:158,checked:false},{name:"哥特杖U[扭曲之矛]",code:"8bs",lvl:42,id:159,checked:false},{name:"符文杖U[骷髅收集者]",code:"8ws",lvl:47,id:160,checked:false},{name:"洗练魔杖U[魔女]",code:"7wn",lvl:55,id:206,checked:false},{name:"幽灵魔杖U[德鲁兰之舌]",code:"7yw",lvl:65,id:207,checked:false},{name:"尸妖魔杖U[★白骨阴魂★]",code:"7bw",lvl:75,id:208,checked:false},{name:"出土魔杖U[★死亡迷网★]",code:"7gw",lvl:86,id:209,checked:false},{name:"强威权杖U[★天堂之光★,★救赎者★]",code:"7sc",lvl:62,id:211,checked:false},{name:"炽天使杖U[★鬼凄★]",code:"7qs",lvl:76,id:212,checked:false},{name:"使者杖S[格里斯沃尔德的救赎]U[★阿斯特隆的陨铁杖★]",code:"7ws",lvl:85,id:213,checked:false},{name:"手杖U[★康斯坦丁★]",code:"6ss",lvl:58,id:259,checked:false},{name:"石笋杖U[晦灵]",code:"6ls",lvl:66,id:260,checked:false},{name:"接骨木杖S[娜吉的解密棒]U[温达的智慧]",code:"6cs",lvl:74,id:261,checked:false},{name:"橡木棍U[★凯恩之怒★]",code:"6bs",lvl:83,id:262,checked:false},{name:"统治者之杖U[★宋满的教训★]",code:"6ws",lvl:85,id:263,checked:false}]
                        },{
                            name:"刀剑/匕首",
                            items:[{name:"短剑U[瑞克撒特的挽歌]",code:"ssd",lvl:1,id:25,checked:false},{name:"弯刀U[血色新月]",code:"scm",lvl:5,id:26,checked:false},{name:"军刀S[天使的镰刀]U[克林茨的肉叉]",code:"sbr",lvl:8,id:27,checked:false},{name:"弯刃剑U[寒光镰刀]",code:"flc",lvl:11,id:28,checked:false},{name:"水晶剑U[青色愤怒]",code:"crs",lvl:11,id:29,checked:false},{name:"阔剑S[依森哈特的光之烙印]U[格里斯沃尔德之锋]",code:"bsd",lvl:15,id:30,checked:false},{name:"长剑S[克雷格劳之牙]U[地狱瘟疫]",code:"lsd",lvl:20,id:31,checked:false},{name:"战争剑S[死神之触]U[库文之刺]",code:"wsd",lvl:27,id:32,checked:false},{name:"双手剑U[暗影之牙]",code:"2hs",lvl:10,id:33,checked:false},{name:"双手大剑U[剥魂者]",code:"clm",lvl:17,id:34,checked:false},{name:"巨剑U[金麦尔的锥子]",code:"gis",lvl:21,id:35,checked:false},{name:"手半剑U[黑舌]",code:"bsw",lvl:24,id:36,checked:false},{name:"焰刃剑U[碎肉锯]",code:"flb",lvl:27,id:37,checked:false},{name:"重剑U[大族长]",code:"gsd",lvl:33,id:38,checked:false},{name:"匕首U[海鸥]",code:"dgr",lvl:3,id:39,checked:false},{name:"长匕首U[迪格勒]",code:"dir",lvl:9,id:40,checked:false},{name:"波刃剑U[玉尖刀]",code:"kri",lvl:17,id:41,checked:false},{name:"短刃U[彩虹碎片]",code:"bld",lvl:23,id:42,checked:false},{name:"赝品吉德宾",code:"d33",lvl:0,id:86,checked:false},{name:"吉德宾",code:"g33",lvl:0,id:87,checked:false},{name:"角斗短剑U[放血者]",code:"9ss",lvl:30,id:118,checked:false},{name:"短弯刀U[冷钢之眼]",code:"9sm",lvl:43,id:119,checked:false},{name:"沙漠弯刀U[妖术之火]",code:"9sb",lvl:35,id:120,checked:false},{name:"塔瓦弯刀U[阿里巴巴之刃]",code:"9fc",lvl:37,id:121,checked:false},{name:"次元之刃U[金瑟的破空之痕]",code:"9cr",lvl:37,id:122,checked:false},{name:"战斗剑U[斩首者]",code:"9bs",lvl:40,id:123,checked:false},{name:"符文剑U[瘟疫散播者]",code:"9ls",lvl:44,id:124,checked:false},{name:"古代剑U[亚特兰蒂斯剑]",code:"9wd",lvl:49,id:125,checked:false},{name:"西铁大剑U[恐惧喷吐]",code:"92h",lvl:37,id:126,checked:false},{name:"达契亚镰剑U[冰之王]",code:"9cm",lvl:42,id:127,checked:false},{name:"獠牙剑U[邪祟之牙]",code:"9gs",lvl:45,id:128,checked:false},{name:"哥特剑U[裂云剑]",code:"9b9",lvl:48,id:129,checked:false},{name:"双手重剑U[索命之焰]",code:"9fb",lvl:49,id:130,checked:false},{name:"行刑剑U[卫剑]",code:"9gd",lvl:54,id:131,checked:false},{name:"锐匕U[裂脊者 ]",code:"9dg",lvl:31,id:132,checked:false},{name:"袖匕U[剜心者]",code:"9di",lvl:36,id:133,checked:false},{name:"五指短剑U[黑沼之锋]",code:"9kr",lvl:42,id:134,checked:false},{name:"小剑U[风暴匕刺]",code:"9bl",lvl:46,id:135,checked:false},{name:"猎鹰剑U[流浪者之刃]",code:"7ss",lvl:56,id:221,checked:false},{name:"叶根刀U[邪灵斩]",code:"7sm",lvl:61,id:222,checked:false},{name:"精致剑U[血月]",code:"7sb",lvl:63,id:223,checked:false},{name:"九头蛇刃U[★阳炎★]",code:"7fc",lvl:69,id:224,checked:false},{name:"相位之刃U[光之军刀,★碧蓝怒火★]",code:"7cr",lvl:73,id:225,checked:false},{name:"征服剑U[★拉苏克的斗士★]",code:"7bs",lvl:78,id:226,checked:false},{name:"秘文剑S[圣·沙略的济世之剑]U[冰霜之风]",code:"7ls",lvl:82,id:227,checked:false},{name:"神话剑S[布尔凯索的部族守护]U[★卡林姆的复仇★]",code:"7wd",lvl:85,id:228,checked:false},{name:"传说剑U[★王者之剑★]",code:"72h",lvl:59,id:229,checked:false},{name:"高地剑U[剑圣]",code:"7cm",lvl:66,id:230,checked:false},{name:"炎魔剑U[怒焰咆哮]",code:"7gs",lvl:71,id:231,checked:false},{name:"冠军剑U[末日使者]",code:"7b7",lvl:77,id:232,checked:false},{name:"巨神剑U[烈斩]",code:"7fb",lvl:80,id:233,checked:false},{name:"巨神刃S[布尔凯索的神圣职责]U[★祖父★]",code:"7gd",lvl:85,id:234,checked:false},{name:"骨刀U[巫师之刺]",code:"7dg",lvl:58,id:235,checked:false},{name:"秘银刺U[★异教徒的仪式刀★]",code:"7di",lvl:70,id:236,checked:false},{name:"牙刃刀U[血肉割裂者]",code:"7kr",lvl:83,id:237,checked:false},{name:"传说匕刺U[★魂焰★]",code:"7bl",lvl:85,id:238,checked:false}]
                        },{
                            name: "飞刀/飞斧/标枪",
                            items:[{name:"投掷小刀U[蛇信]",code:"tkf",lvl:2,id:43,checked:false},{name:"投掷斧U[屠绝]",code:"tax",lvl:7,id:44,checked:false},{name:"平衡飞刀U[石凿]",code:"bkf",lvl:13,id:45,checked:false},{name:"平衡飞斧U[血色彗星]",code:"bal",lvl:16,id:46,checked:false},{name:"标枪U[蜂巢]",code:"jav",lvl:1,id:47,checked:false},{name:"长标枪U[迅影]",code:"pil",lvl:10,id:48,checked:false},{name:"短矛U[透魔者]",code:"ssp",lvl:15,id:49,checked:false},{name:"梭镖U[死亡杂谈]",code:"glv",lvl:23,id:50,checked:false},{name:"投枪U[响尾蛇]",code:"tsp",lvl:29,id:51,checked:false},{name:"战斗镖U[死亡之吻]",code:"9tk",lvl:31,id:136,checked:false},{name:"法兰飞斧U[头皮剥离者]",code:"9ta",lvl:34,id:137,checked:false},{name:"战镖U[咽喉之伤]",code:"9bk",lvl:39,id:138,checked:false},{name:"飞蝠斧U[千刀万剐]",code:"9b8",lvl:41,id:139,checked:false},{name:"战争标枪U[毒蝎]",code:"9ja",lvl:30,id:140,checked:false},{name:"重标枪U[冻矢]",code:"9pi",lvl:37,id:141,checked:false},{name:"重梭镖U[附骨之疽]",code:"9s9",lvl:40,id:142,checked:false},{name:"斧刃戟枪U[圣塔之尖]",code:"9gl",lvl:46,id:143,checked:false},{name:"鱼叉U[捕鲸者]",code:"9ts",lvl:51,id:144,checked:false},{name:"飞刀U[★影触★]",code:"7tk",lvl:64,id:239,checked:false},{name:"飞斧U[寒铁飞刃]",code:"7ta",lvl:56,id:240,checked:false},{name:"翼刀U[战争伯劳鸟]",code:"7bk",lvl:77,id:241,checked:false},{name:"翼斧U[撕裂者]",code:"7b8",lvl:80,id:242,checked:false},{name:"亥伯龙标枪U[★酋长的怒火★]",code:"7ja",lvl:54,id:243,checked:false},{name:"地狱长标枪U[★冥鸦★]",code:"7pi",lvl:62,id:244,checked:false},{name:"炎魔矛U[恶魔扑击]",code:"7s7",lvl:71,id:245,checked:false},{name:"幽灵梭戟U[死灵夜翔]",code:"7gl",lvl:79,id:246,checked:false},{name:"双股叉U[★石像鬼之牙★]",code:"7ts",lvl:85,id:247,checked:false}]
                        },{
                            name:"矛/长柄武器",
                            items:[{name:"矛U[龙枪]",code:"spr",lvl:5,id:52,checked:false},{name:"三叉戟U[剃刀尖齿]",code:"tri",lvl:9,id:53,checked:false},{name:"羽剑杖U[血贼]",code:"brn",lvl:16,id:54,checked:false},{name:"镗钯U[亚盖长枪]",code:"spt",lvl:20,id:55,checked:false},{name:"尖枪U[皮匠的血刺枪]",code:"pik",lvl:24,id:56,checked:false},{name:"大砍刀U[迪马克的劈斧]",code:"bar",lvl:5,id:57,checked:false},{name:"斧戟U[钢刺棒]",code:"vou",lvl:11,id:58,checked:false},{name:"巨镰U[收魂者]",code:"scy",lvl:15,id:59,checked:false},{name:"长柄斧U[突围者]",code:"pax",lvl:21,id:60,checked:false},{name:"斧枪U[灾降]",code:"hal",lvl:29,id:61,checked:false},{name:"战争镰刀U[恐怖收割者]",code:"wsc",lvl:34,id:62,checked:false},{name:"战矛U[穿刺者]",code:"9sr",lvl:33,id:145,checked:false},{name:"叉戟枪U[水妖捕叉]",code:"9tr",lvl:36,id:146,checked:false},{name:"战叉U[噬魂叉]",code:"9br",lvl:41,id:147,checked:false},{name:"长枪U[骨寸断]",code:"9st",lvl:44,id:148,checked:false},{name:"骑枪U[荣耀之巅]",code:"9p9",lvl:47,id:149,checked:false},{name:"罗佳伯长斧U[刮肉长戟]",code:"9b7",lvl:33,id:150,checked:false},{name:"钩镰枪S[桓因的圣裁]U[暗蚀之刃]",code:"9vo",lvl:37,id:151,checked:false},{name:"战斗镰刀U[雅典娜之怒]",code:"9s8",lvl:40,id:152,checked:false},{name:"双刃矛戟U[墓石长戟]",code:"9pa",lvl:35,id:153,checked:false},{name:"鸦喙锤戟U[皮肉吞噬者]",code:"9h9",lvl:51,id:154,checked:false},{name:"恐怖镰刀U[格里姆的烈焰亡灵]",code:"9wc",lvl:55,id:155,checked:false},{name:"亥伯龙矛U[艾里欧克之针]",code:"7sr",lvl:58,id:248,checked:false},{name:"地狱长枪U[深渊嗜血者]",code:"7tr",lvl:66,id:249,checked:false},{name:"捕人叉U[蛇信长枪]",code:"7br",lvl:74,id:250,checked:false},{name:"幽灵矛U[黑暗恐惧]",code:"7st",lvl:83,id:251,checked:false},{name:"战争长枪U[★铁柱★]",code:"7p7",lvl:85,id:252,checked:false},{name:"食人魔斧U[斩骨]",code:"7o7",lvl:60,id:253,checked:false},{name:"巨神戟U[草木飞]",code:"7vo",lvl:64,id:254,checked:false},{name:"砍斧U[★死神丧钟★]",code:"7s8",lvl:71,id:255,checked:false},{name:"秘文斧U[★盗墓者★]",code:"7pa",lvl:79,id:256,checked:false},{name:"重长柄斧U[★盖亚之怒★]",code:"7h7",lvl:84,id:257,checked:false},{name:"巨型砍斧U[风暴穹窿]",code:"7wc",lvl:85,id:258,checked:false}]
                        },{
                            name:"刺客爪",
                            items:[{name:"拳剑U[血肉撕裂者]",code:"ktr",lvl:1,id:175,checked:false},{name:"腕刃U[爱抚]",code:"wrb",lvl:9,id:176,checked:false},{name:"斧刃拳套U[灵魂收割者]",code:"axf",lvl:12,id:177,checked:false},{name:"缠刃拳套U[怒攻]",code:"ces",lvl:15,id:178,checked:false},{name:"手爪刀U[蝎尾狮]",code:"clw",lvl:18,id:179,checked:false},{name:"刃爪U[雨夜杀手]",code:"btl",lvl:21,id:180,checked:false},{name:"剪咬拳剑U[不归路]",code:"skr",lvl:24,id:181,checked:false},{name:"拳刃U[磨髓者]",code:"9ar",lvl:28,id:182,checked:false},{name:"腕刺U[骨肉相连]",code:"9wb",lvl:32,id:183,checked:false},{name:"刀刃拳套U[符文杀手]",code:"9xf",lvl:36,id:184,checked:false},{name:"手镰U[黑蝰蛇]",code:"9cs",lvl:41,id:185,checked:false},{name:"大型手爪刀U[战狼]",code:"9lw",lvl:45,id:186,checked:false},{name:"大型刃爪U[巴图克的割喉爪]",code:"9tw",lvl:50,id:187,checked:false},{name:"剪咬拳刃U[溅血者]",code:"9qr",lvl:54,id:188,checked:false},{name:"手推剑U[龙牙]",code:"7ar",lvl:59,id:189,checked:false},{name:"腕剑U[碧玉爪]",code:"7wb",lvl:62,id:190,checked:false},{name:"战争拳套U[毒瘾]",code:"7xf",lvl:68,id:191,checked:false},{name:"战斗缠刃拳套U[影弑]",code:"7cs",lvl:73,id:192,checked:false},{name:"狂野钩爪U[火蜥蜴之爪]",code:"7lw",lvl:78,id:193,checked:false},{name:"符文刃爪U[阿拉丁的刈骨刀]",code:"7tw",lvl:81,id:194,checked:false},{name:"剪咬手推剑S[娜塔亚的标记]U[★瓦瑞夫的令牌★]",code:"7qr",lvl:85,id:195,checked:false}]
                        },{
                            name:"法师球",
                            items:[{name:"鹰眼法珠U[奇士]",code:"ob1",lvl:1,id:276,checked:false},{name:"圣洁之球U[学徒]",code:"ob2",lvl:8,id:277,checked:false},{name:"烟熏法球U[强光]",code:"ob3",lvl:12,id:278,checked:false},{name:"握扣法珠U[冰映光]",code:"ob4",lvl:17,id:279,checked:false},{name:"杰瑞德之石U[铃石]",code:"ob5",lvl:24,id:280,checked:false},{name:"闪光宝珠U[电磁感应]",code:"ob6",lvl:32,id:286,checked:false},{name:"水晶之球U[奇才]",code:"ob7",lvl:37,id:287,checked:false},{name:"云雾法球U[永夜]",code:"ob8",lvl:41,id:288,checked:false},{name:"闪光之球U[火中取栗]",code:"ob9",lvl:46,id:289,checked:false},{name:"漩涡水晶S[塔·拉夏的无睑之眼]U[海妖之瞳]",code:"oba",lvl:50,id:290,checked:false},{name:"天界石U[以太行者]",code:"obb",lvl:59,id:296,checked:false},{name:"怪异法珠U[艾丝屈塔的脾气]",code:"obc",lvl:67,id:297,checked:false},{name:"恶魔之心U[霍拉松的圣杯]",code:"obd",lvl:75,id:298,checked:false},{name:"旋云宝珠U[★血圣杯★]",code:"obe",lvl:84,id:299,checked:false},{name:"次元碎片U[★大道至简★]",code:"obf",lvl:85,id:300,checked:false}]
                        },{
                            name:"亚马逊矛/标枪",
                            items:[{name:"处子长矛U[半边天]",code:"am3",lvl:18,id:283,checked:false},{name:"处子长枪U[鹰喙]",code:"am4",lvl:27,id:284,checked:false},{name:"处子标枪U[彗星扫尾]",code:"am5",lvl:23,id:285,checked:false},{name:"仪式矛U[雷霆万钧]",code:"am8",lvl:43,id:293,checked:false},{name:"仪式长枪U[莱姗德的侧击]",code:"am9",lvl:51,id:294,checked:false},{name:"仪式标枪U[泰坦的复仇]",code:"ama",lvl:35,id:295,checked:false},{name:"女族长矛U[石鸦]",code:"amd",lvl:61,id:303,checked:false},{name:"女族长尖枪U[风暴柳木]",code:"ame",lvl:81,id:304,checked:false},{name:"女族长标枪U[★雷击★]",code:"amf",lvl:65,id:305,checked:false}]
                        }]
                    }, {
                        name: "防具", active: '头盔/头环', items: [{
                            name: "头盔/头环", items: [{name:"软帽S[地狱颅骨,山德的崇拜]U[幼童软帽]",code:"cap",lvl:1,id:0,checked:false},{name:"骷髅帽S[阿卡娜的头]U[塔恩之盔]",code:"skp",lvl:5,id:1,checked:false},{name:"头盔S[狂战士的头盔]U[荣光锁帽]",code:"hlm",lvl:11,id:2,checked:false},{name:"全护盔S[依森哈特的号角]U[黄昏薄暮]",code:"fhl",lvl:15,id:3,checked:false},{name:"重盔S[西刚的面甲]U[怒号长牙]",code:"ghm",lvl:23,id:4,checked:false},{name:"皇冠S[艾蕾萨的铁围盔,米拉伯佳的冠冕]U[不死皇冠]",code:"crn",lvl:29,id:5,checked:false},{name:"覆面甲S[卡珊的面甲]U[恐惧面容]",code:"msk",lvl:19,id:6,checked:false},{name:"骨盔S[坦克雷的头骨]U[蛆虫头骨]",code:"bhm",lvl:22,id:43,checked:false},{name:"战争帽S[CCow King's Horns,牛魔王之角]U[农夫兜帽]",code:"xap",lvl:34,id:46,checked:false},{name:"轻盔U[磐石头盔]",code:"xkp",lvl:37,id:47,checked:false},{name:"护鼻盔U[偷取颅盔]",code:"xlm",lvl:42,id:48,checked:false},{name:"喙面盔S[圣·沙略的心灵庇护]U[暗视头盔]",code:"xhl",lvl:45,id:49,checked:false},{name:"翼盔S[吉永的威容]U[女武神之翼]",code:"xhm",lvl:51,id:50,checked:false},{name:"庄严皇冠S[桓因的壮美]U[盗贼皇冠]",code:"xrn",lvl:55,id:51,checked:false},{name:"死者面甲S[塔·拉夏的赫拉迪姆之冠]U[黑牛角面甲]",code:"xsk",lvl:48,id:52,checked:false},{name:"恐怖头盔S[娜塔亚的徽记]U[吸血鬼的凝视]",code:"xh9",lvl:50,id:89,checked:false},{name:"发饰(普通级)S[娜吉的头环]U[三簇棘]",code:"ci0",lvl:24,id:112,checked:false},{name:"头冠(扩展级)U[天使之歌]",code:"ci1",lvl:48,id:113,checked:false},{name:"三重冠(精英级)U[奇拉的守护]",code:"ci2",lvl:78,id:114,checked:false},{name:"权冠(精英级)S[艾维娜的真视]U[★狮鹫之眼★]",code:"ci3",lvl:85,id:115,checked:false},{name:"军帽U[谐角之冠]",code:"uap",lvl:58,id:116,checked:false},{name:"多头蛇颅U[★瓜皮帽★]",code:"ukp",lvl:63,id:117,checked:false},{name:"武装盔U[钢罩,★阿卡拉的盲眼面纱★]",code:"ulm",lvl:68,id:118,checked:false},{name:"巨贝盔U[窃冷之眼]",code:"uhl",lvl:54,id:119,checked:false},{name:"塔盔S[温达的全灵]U[钢铁面纱,夜翼面纱]",code:"uhm",lvl:79,id:120,checked:false},{name:"冠冕S[格里斯沃尔德的勇气]U[★年纪之冠★]",code:"urn",lvl:85,id:121,checked:false},{name:"恶魔面甲U[安达莉尔的仪容]",code:"usk",lvl:74,id:122,checked:false},{name:"白骨面甲S[塔格奥的伪装]U[巨型颅骨]",code:"uh9",lvl:84,id:159,checked:false},{name:"发冠(扩展级)U[荒古之眼]",code:"qc2",lvl:48,id:202,checked:false},{name:"丝金环(精英级)U[凤凰蛋]",code:"qc3",lvl:60,id:203,checked:false},{name:"头饰(普通级)U[微光裂片]",code:"cq1",lvl:24,id:204,checked:false},{name:"小王冠(精英级)U[人鱼的扣链]",code:"cq3",lvl:60,id:205,checked:false},{name:"宝冠(普通级)U[肠线]",code:"cc1",lvl:30,id:206,checked:false},{name:"晶冠(扩展级)U[高城望断]",code:"cc2",lvl:50,id:207,checked:false},{name:"华冠(普通级)U[华莱士之泪]",code:"ic1",lvl:40,id:208,checked:false},{name:"王冠(扩展级)U[魔网]",code:"ic2",lvl:70,id:209,checked:false}]
                        },{name:"胸甲",items:[{name:"内衬甲S[北极毛皮]U[灰影,Wei Duannai]",code:"qui",lvl:1,id:7,checked:false},{name:"皮甲S[维达拉的突袭]U[火蝠之影]",code:"lea",lvl:3,id:8,checked:false},{name:"硬皮甲U[百夫长]",code:"hla",lvl:5,id:9,checked:false},{name:"钉皮甲S[CCow King's Hide,牛魔王之皮]U[抽动的挣扎]",code:"stu",lvl:8,id:10,checked:false},{name:"环甲S[天使的披风]U[黑暗幽光]",code:"rng",lvl:11,id:11,checked:false},{name:"鱼鳞甲U[雄鹰甲]",code:"scl",lvl:13,id:12,checked:false},{name:"锁子甲S[卡珊的札甲]U[电光锁甲]",code:"chn",lvl:15,id:13,checked:false},{name:"胸片甲S[依森哈特的胸胄]U[毒液禁区]",code:"brs",lvl:18,id:14,checked:false},{name:"板条甲S[狂战士的锁甲]U[闪耀冰晶]",code:"spl",lvl:20,id:15,checked:false},{name:"板链甲U[骨肉分离]",code:"plt",lvl:24,id:16,checked:false},{name:"全身板甲U[石中毛]",code:"fld",lvl:28,id:17,checked:false},{name:"哥特甲S[西刚的遮蔽]U[作响之笼]",code:"gth",lvl:32,id:18,checked:false},{name:"全身板链甲S[坦克雷的脊柱]U[黄金之肤]",code:"ful",lvl:37,id:19,checked:false},{name:"古代甲S[米拉伯佳的袍甲]U[胜者的丝绸]",code:"aar",lvl:40,id:20,checked:false},{name:"轻板甲S[阿卡娜的血肉]U[天界圣衣]",code:"ltp",lvl:35,id:21,checked:false},{name:"幽灵甲U[覆灵尸衣]",code:"xui",lvl:34,id:53,checked:false},{name:"蛇皮甲U[蝮蛇法妖之皮]",code:"xea",lvl:36,id:54,checked:false},{name:"恶魔皮甲U[剥皮魔之皮]",code:"xla",lvl:37,id:55,checked:false},{name:"镶片铠甲U[铁皮]",code:"xtu",lvl:40,id:56,checked:false},{name:"锁环甲U[灵魂熔炉]",code:"xng",lvl:42,id:57,checked:false},{name:"固片锁甲S[桓因的庇佑]U[鸦鸣]",code:"xcl",lvl:43,id:58,checked:false},{name:"札甲U[摧锋甲]",code:"xhn",lvl:45,id:59,checked:false},{name:"重装胸甲S[解慕苏的坚定]U[督瑞尔之壳]",code:"xrs",lvl:47,id:60,checked:false},{name:"褐锈甲U[诗寇蒂的愤怒]",code:"xpl",lvl:49,id:61,checked:false},{name:"圣殿骑士铠U[守护天使]",code:"xlt",lvl:52,id:62,checked:false},{name:"鲨齿战甲U[排齿]",code:"xld",lvl:55,id:63,checked:false},{name:"浮雕纹甲U[阿特玛的哭喊]",code:"xth",lvl:58,id:64,checked:false},{name:"混沌护甲S[塔格奥的鳞片]U[黑色冥王]",code:"xul",lvl:61,id:65,checked:false},{name:"花纹战甲S[格里斯沃尔德的赤诚]U[遗体哀悼]",code:"xar",lvl:64,id:66,checked:false},{name:"法师铠U[魁黑刚的智慧]",code:"xtp",lvl:60,id:67,checked:false},{name:"灰幕寿衣S[隐秘教徒]U[奥玛斯的法袍]",code:"uui",lvl:65,id:123,checked:false},{name:"龙皮甲U[★教父★]",code:"uea",lvl:67,id:124,checked:false},{name:"圣甲虫壳U[生命之扼]",code:"ula",lvl:68,id:125,checked:false},{name:"羊绒皮甲U[斗士的祸根]",code:"utu",lvl:70,id:126,checked:false},{name:"钻石甲U[★雨露均沾★]",code:"ung",lvl:72,id:127,checked:false},{name:"覆铁甲S[娜塔亚的阴影]U[形影不离]",code:"ucl",lvl:73,id:128,checked:false},{name:"骨织甲U[瓦尔基里]",code:"uhn",lvl:62,id:129,checked:false},{name:"大链甲衫U[狱长之壳]",code:"urs",lvl:75,id:130,checked:false},{name:"炎魔皮S[圣·沙略的魂灵解救者]U[阿凯尼的荣耀]",code:"upl",lvl:76,id:131,checked:false},{name:"地狱铸甲S[娜吉的轻铠甲]U[★布尔凯索之力★]",code:"ult",lvl:78,id:132,checked:false},{name:"深海巨妖之壳S[艾维娜的拥抱]U[利维坦]",code:"uld",lvl:81,id:133,checked:false},{name:"漆甲S[塔·拉夏的守护]U[虚空行者]",code:"uth",lvl:82,id:134,checked:false},{name:"暗影板甲S[艾尔多的欺骗]U[钢铁甲壳]",code:"uul",lvl:83,id:135,checked:false},{name:"神圣铠甲S[不朽之王的灵魂之笼]U[★泰瑞尔的力量★,圣殿骑士之力]",code:"uar",lvl:85,id:136,checked:false},{name:"统治者板甲U[大执政官]",code:"utp",lvl:84,id:137,checked:false}]},
                            {name:"护手",items:[{name:"皮手套S[死神之手]U[布洛克之手]",code:"lgl",lvl:3,id:28,checked:false},{name:"重手套S[麦克奥雷的禁忌]U[染血拳套]",code:"vgl",lvl:7,id:29,checked:false},{name:"链甲手套S[克雷格劳之钳]U[吉运守护]",code:"mgl",lvl:12,id:30,checked:false},{name:"轻护手S[艾蕾萨的袖手套,北极手套]U[法师之拳]",code:"tgl",lvl:20,id:31,checked:false},{name:"护手S[西刚的挑战]U[霜灼]",code:"hgl",lvl:27,id:32,checked:false},{name:"恶魔皮手套U[剧毒之握]",code:"xlg",lvl:33,id:74,checked:false},{name:"鲨鱼皮手套S[马格纳斯之皮]U[盗墓手套]",code:"xvg",lvl:39,id:75,checked:false},{name:"铁皮手套S[塔格奥的利爪]U[食尸鬼皮]",code:"xmg",lvl:43,id:76,checked:false},{name:"战斗护手S[艾维娜的冰握]U[熔岩痛击]",code:"xtg",lvl:49,id:77,checked:false},{name:"战争护手S[不朽之王的锤炼]U[地狱之口]",code:"xhg",lvl:54,id:78,checked:false},{name:"防刺手套S[按手礼套]U[★夸尔凯克的执行者★]",code:"ulg",lvl:57,id:144,checked:false},{name:"吸血鬼骨手套U[德古拉之握]",code:"uvg",lvl:63,id:145,checked:false},{name:"护臂手甲U[吸魂者]",code:"umg",lvl:69,id:146,checked:false},{name:"圣教军护手U[★泰坦之拳★]",code:"utg",lvl:76,id:147,checked:false},{name:"食人魔护手U[碎钢]",code:"uhg",lvl:85,id:148,checked:false}]},
                            {name:"鞋靴",items:[{name:"短靴S[坦克雷的钉头鞋]U[热刺靴]",code:"lbt",lvl:3,id:33,checked:false},{name:"重靴S[CCow King's Hoofs,山德的石碓,牛魔王之蹄]U[践血]",code:"vbt",lvl:7,id:34,checked:false},{name:"锁链靴S[萨鲁斯的铁踵]U[克索恩的征途]",code:"mbt",lvl:12,id:35,checked:false},{name:"轻板甲靴S[维达拉的扣带靴]U[哥布林之趾]",code:"tbt",lvl:20,id:36,checked:false},{name:"护胫靴S[西刚的木底鞋]U[刺股靴]",code:"hbt",lvl:27,id:37,checked:false},{name:"恶魔皮靴S[皈依之道]U[地狱阔步]",code:"xlb",lvl:36,id:79,checked:false},{name:"鲨鱼皮靴U[水上飘]",code:"xvb",lvl:39,id:80,checked:false},{name:"网纹靴S[娜塔亚的灵魂]U[丝织靴]",code:"xmb",lvl:43,id:81,checked:false},{name:"战靴S[艾尔多的成长]U[战争旅者]",code:"xtb",lvl:49,id:82,checked:false},{name:"战争靴S[不朽之王的基石]U[血骑士]",code:"xhb",lvl:54,id:83,checked:false},{name:"飞龙皮靴U[翼龙尾]",code:"ulb",lvl:60,id:149,checked:false},{name:"圣甲虫壳靴U[★沙暴之旅★]",code:"uvb",lvl:66,id:150,checked:false},{name:"骸骨链靴U[骨髓行走]",code:"umb",lvl:72,id:151,checked:false},{name:"镜化靴U[★月影★]",code:"utb",lvl:81,id:152,checked:false},{name:"侍从护胫U[影舞者]",code:"uhb",lvl:85,id:153,checked:false}]},
                            {name:"腰带",items:[{name:"腰带S[死神之卫]U[雷尼摩]",code:"lbl",lvl:3,id:38,checked:false},{name:"轻腰带S[北极束带]U[蛇皮索]",code:"vbl",lvl:7,id:39,checked:false},{name:"腰带S[萨鲁斯的铁固腰,桓因的祝福]U[夜烟]",code:"mbl",lvl:12,id:40,checked:false},{name:"重腰带S[艾蕾萨的束带,地狱印记]U[金织带]",code:"tbl",lvl:20,id:41,checked:false},{name:"板甲腰带S[西刚的腰带]U[刀刃腰扣]",code:"hbl",lvl:27,id:42,checked:false},{name:"恶魔皮带U[缠腰耳串]",code:"zlb",lvl:36,id:84,checked:false},{name:"鲨鱼皮带S[艾维娜的教义]U[剃刀之尾]",code:"zvb",lvl:39,id:85,checked:false},{name:"网纹腰带S[塔·拉夏的精织带]U[阴影陷阱]",code:"zmb",lvl:43,id:86,checked:false},{name:"战斗腰带S[威廉的骄傲]U[冰雪之击]",code:"ztb",lvl:49,id:87,checked:false},{name:"战争腰带S[不朽之王的功业]U[雷神之力]",code:"zhb",lvl:54,id:88,checked:false},{name:"蛛网饰带U[蜘蛛网纹]",code:"ulc",lvl:61,id:154,checked:false},{name:"吸血鬼牙腰带U[吸血圣王之圈]",code:"uvc",lvl:68,id:155,checked:false},{name:"秘银腰带S[信念腰带,★不羁★]U[行刑者的绞首绳]",code:"umc",lvl:75,id:156,checked:false},{name:"巨魔腰带S[塔格奥的肚带,★屠戮先锋★]U[★知更鸟蛋★]",code:"utc",lvl:82,id:157,checked:false},{name:"巨型护腰U[★冥王号角★]",code:"uhc",lvl:85,id:158,checked:false}]},
                            {name:"盾牌", items:[{name:"小圆盾S[萨鲁斯的铁拳]U[新月小盾]",code:"buc",lvl:1,id:22,checked:false},{name:"小盾S[克雷格劳之爪]U[太阳黑轮]",code:"sml",lvl:5,id:23,checked:false},{name:"大盾S[希弗伯的防护]U[风暴行会]",code:"lrg",lvl:11,id:24,checked:false},{name:"鸢盾S[米拉伯佳的宝球]U[响钢]",code:"kit",lvl:15,id:25,checked:false},{name:"塔盾S[西刚的守护]U[贝弗提的壁垒]",code:"tow",lvl:22,id:26,checked:false},{name:"哥特盾S[依森哈特的格挡]U[御敌]",code:"gts",lvl:30,id:27,checked:false},{name:"骨盾U[无眼之墙]",code:"bsh",lvl:19,id:44,checked:false},{name:"尖刺盾U[剑背之架]",code:"spk",lvl:11,id:45,checked:false},{name:"防卫盾U[刨肠]",code:"xuc",lvl:34,id:68,checked:false},{name:"圆盾S[威斯顿之御]U[摩瑟尔的祝福之环]",code:"xml",lvl:37,id:69,checked:false},{name:"椭圆盾U[风暴追逐者]",code:"xrg",lvl:42,id:70,checked:false},{name:"龙盾U[魔龙的斥责]",code:"xit",lvl:45,id:71,checked:false},{name:"巨盾U[基尔克的避难地]",code:"xow",lvl:50,id:72,checked:false},{name:"古代盾U[罗达门特的领地]",code:"xts",lvl:56,id:73,checked:false},{name:"恐怖大盾U[警戒之墙]",code:"xsh",lvl:48,id:90,checked:false},{name:"尖刃盾U[长枪卫士]",code:"xpk",lvl:42,id:91,checked:false},{name:"斗盾U[靛蓝幻想]",code:"uuc",lvl:58,id:138,checked:false},{name:"月神盾U[黑橡树盾]",code:"uml",lvl:61,id:139,checked:false},{name:"亥伯龙盾U[★艾席拉的铁胄★]",code:"urg",lvl:64,id:140,checked:false},{name:"统治者大盾U[★暴风之盾★]",code:"uit",lvl:72,id:141,checked:false},{name:"圣盾U[美杜莎的凝视]",code:"uow",lvl:79,id:142,checked:false},{name:"守护之盾S[泰白的荣耀]U[灵体守护]",code:"uts",lvl:84,id:143,checked:false},{name:"巨魔巢U[猎头者的荣耀]",code:"ush",lvl:76,id:160,checked:false},{name:"剑刃屏障U[尖刺荆棘]",code:"upk",lvl:68,id:161,checked:false}]},
                            {name:"圣盾", items:[{name:"小盾U[侍从的掩护]",code:"pa1",lvl:4,id:102,checked:false},{name:"轻圆盾U[避风港]",code:"pa2",lvl:8,id:103,checked:false},{name:"纹章盾U[咏叹调]",code:"pa3",lvl:16,id:104,checked:false},{name:"艾琳盾U[大牧师]",code:"pa4",lvl:20,id:105,checked:false},{name:"皇冠盾U[黄金罗盘]",code:"pa5",lvl:24,id:106,checked:false},{name:"阿卡兰小盾U[希嘉德的潜行]",code:"pa6",lvl:35,id:172,checked:false},{name:"阿卡兰轻圆盾U[极光壁垒]",code:"pa7",lvl:40,id:173,checked:false},{name:"保卫者之盾U[阿卡拉特保卫者]",code:"pa8",lvl:46,id:174,checked:false},{name:"镀金盾U[萨卡兰姆的使者]",code:"pa9",lvl:51,id:175,checked:false},{name:"皇家盾U[萨卡兰姆的救赎]",code:"paa",lvl:55,id:176,checked:false},{name:"神圣小盾U[圣击]",code:"pab",lvl:63,id:192,checked:false},{name:"神圣轻圆盾U[黑魂]",code:"pac",lvl:70,id:193,checked:false},{name:"库拉斯特盾U[★渎神★]",code:"pad",lvl:74,id:194,checked:false},{name:"萨卡兰姆盾U[龙鳞]",code:"pae",lvl:82,id:195,checked:false},{name:"漩涡盾S[格里斯沃尔德的荣耀]U[★大天使的拯救★]",code:"paf",lvl:85,id:196,checked:false}]},
                            {name:"野蛮人头盔", items:[{name:"颚骨帽U[蛮牛]",code:"ba1",lvl:4,id:97,checked:false},{name:"牙骨盔U[碎骨记忆]",code:"ba2",lvl:8,id:98,checked:false},{name:"长角盔U[心脏强击]",code:"ba3",lvl:16,id:99,checked:false},{name:"强攻盔U[未知命运]",code:"ba4",lvl:20,id:100,checked:false},{name:"复仇者头盔S[不朽之王的意志]U[飞机头]",code:"ba5",lvl:24,id:101,checked:false},{name:"颚骨面甲U[茹毛饮血]",code:"ba6",lvl:33,id:167,checked:false},{name:"狮盔U[战争宿命]",code:"ba7",lvl:38,id:168,checked:false},{name:"盛怒面甲U[狂徒]",code:"ba8",lvl:44,id:169,checked:false},{name:"野蛮头盔U[怒血冲宵]",code:"ba9",lvl:49,id:170,checked:false},{name:"杀戮者头盔U[亚瑞特之貌]",code:"baa",lvl:54,id:171,checked:false},{name:"屠戮盔U[河东狮吼]",code:"bab",lvl:60,id:187,checked:false},{name:"怒火面甲U[★狼嚎★]",code:"bac",lvl:66,id:188,checked:false},{name:"毁灭者头盔U[恶魔角锋]",code:"bad",lvl:73,id:189,checked:false},{name:"征服者王冠U[死亡女神的统治]",code:"bae",lvl:80,id:190,checked:false},{name:"守护者王冠U[★止戈★]",code:"baf",lvl:85,id:191,checked:false}]},
                            {name:"德鲁伊头盔", items:[{name:"狼头U[血雨]",code:"dr1",lvl:4,id:92,checked:false},{name:"鹰盔U[雪狮]",code:"dr2",lvl:8,id:93,checked:false},{name:"鹿角盔U[马戏团长]",code:"dr3",lvl:16,id:94,checked:false},{name:"鹰隼面甲U[藤萝摇曳]",code:"dr4",lvl:20,id:95,checked:false},{name:"狼灵面具U[兽血沸腾]",code:"dr5",lvl:24,id:96,checked:false},{name:"头狼盔U[狼来了]",code:"dr6",lvl:35,id:162,checked:false},{name:"狮鹫头饰U[凛冬之怒]",code:"dr7",lvl:40,id:163,checked:false},{name:"猎人伪装S[艾尔多的冷酷凝视]U[沙尘暴]",code:"dr8",lvl:46,id:164,checked:false},{name:"圣羽盔U[阴隼]",code:"dr9",lvl:50,id:165,checked:false},{name:"图腾面具U[狼王之鬃]",code:"dra",lvl:55,id:166,checked:false},{name:"鲜血之灵U[冥犬的撕咬]",code:"drb",lvl:62,id:182,checked:false},{name:"太阳之灵U[鹰风]",code:"drc",lvl:69,id:183,checked:false},{name:"大地之灵U[灵体守护者]",code:"drd",lvl:76,id:184,checked:false},{name:"天空之灵U[乌鸦的智慧]",code:"dre",lvl:83,id:185,checked:false},{name:"梦境之灵U[埃博拉病毒]",code:"drf",lvl:85,id:186,checked:false}]},
                            {name:"死灵副手", items:[{name:"防腐之首U[邪心骨]",code:"ne1",lvl:4,id:107,checked:false},{name:"僵尸头骨U[骷髅树]",code:"ne2",lvl:8,id:108,checked:false},{name:"剖尸者头骨U[浮夸]",code:"ne3",lvl:16,id:109,checked:false},{name:"石像鬼头骨U[黑暗密语]",code:"ne4",lvl:20,id:110,checked:false},{name:"恶魔头骨U[猎尸人]",code:"ne5",lvl:24,id:111,checked:false},{name:"木乃伊法器U[末日使者]",code:"ne6",lvl:33,id:177,checked:false},{name:"鬼娃法器U[末日先知]",code:"ne7",lvl:39,id:178,checked:false},{name:"司事法器U[封魔仪式]",code:"ne8",lvl:45,id:179,checked:false},{name:"领唱者法器S[塔格奥的飞翼]U[夜之召唤]",code:"ne9",lvl:49,id:180,checked:false},{name:"圣师法器U[魔胎]",code:"nea",lvl:54,id:181,checked:false},{name:"爪牙颅骨U[白兔杀手]",code:"neb",lvl:59,id:197,checked:false},{name:"地狱魔颅骨U[骨痂]",code:"neg",lvl:67,id:198,checked:false},{name:"督军颅骨U[地狱呢喃]",code:"ned",lvl:66,id:199,checked:false},{name:"魅魔颅骨U[骨焰]",code:"nee",lvl:81,id:200,checked:false},{name:"血王颅骨U[魔力肇生]",code:"nef",lvl:85,id:201,checked:false}]},
                        ]
                    }, {
                        name: "杂项", active: '宝石', items: [{
                            name: "宝石", items: [{name:"碎裂的紫宝石",code:"1cv",lvl:0,id:0,checked:false},{name:"有瑕疵的紫宝石",code:"1fv",lvl:0,id:0,checked:false},{name:"紫宝石",code:"1sv",lvl:0,id:0,checked:false},{name:"无瑕的紫宝石",code:"1zv",lvl:0,id:0,checked:false},{name:"完美的紫宝石",code:"1pv",lvl:0,id:0,checked:false},{name:"碎裂的黄宝石",code:"1cy",lvl:0,id:0,checked:false},{name:"有瑕疵的黄宝石",code:"1fy",lvl:0,id:0,checked:false},{name:"黄宝石",code:"1sy",lvl:0,id:0,checked:false},{name:"无瑕的黄宝石",code:"1ly",lvl:0,id:0,checked:false},{name:"完美的黄宝石",code:"1py",lvl:0,id:0,checked:false},{name:"碎裂的蓝宝石",code:"1cb",lvl:0,id:0,checked:false},{name:"有瑕疵的蓝宝石",code:"1fb",lvl:0,id:0,checked:false},{name:"蓝宝石",code:"1sb",lvl:0,id:0,checked:false},{name:"无瑕的蓝宝石",code:"1lb",lvl:0,id:0,checked:false},{name:"完美的蓝宝石",code:"1pb",lvl:0,id:0,checked:false},{name:"碎裂的绿宝石",code:"1cg",lvl:0,id:0,checked:false},{name:"有瑕疵的绿宝石",code:"1fg",lvl:0,id:0,checked:false},{name:"绿宝石",code:"1sg",lvl:0,id:0,checked:false},{name:"无瑕的绿宝石",code:"1lg",lvl:0,id:0,checked:false},{name:"完美的绿宝石",code:"1pg",lvl:0,id:0,checked:false},{name:"碎裂的红宝石",code:"1cr",lvl:0,id:0,checked:false},{name:"有瑕疵的红宝石",code:"1fr",lvl:0,id:0,checked:false},{name:"红宝石",code:"1sr",lvl:0,id:0,checked:false},{name:"无瑕的红宝石",code:"1lr",lvl:0,id:0,checked:false},{name:"完美的红宝石",code:"1pr",lvl:0,id:0,checked:false},{name:"碎裂的钻石",code:"1cw",lvl:0,id:0,checked:false},{name:"有瑕疵的钻石",code:"1fw",lvl:0,id:0,checked:false},{name:"钻石",code:"1sw",lvl:0,id:0,checked:false},{name:"无瑕的钻石",code:"1lw",lvl:0,id:0,checked:false},{name:"完美的钻石",code:"1pw",lvl:0,id:0,checked:false},{name:"碎裂的头骨宝石",code:"1kc",lvl:0,id:0,checked:false},{name:"有瑕疵的头骨宝石",code:"1kf",lvl:0,id:0,checked:false},{name:"头骨宝石",code:"1ku",lvl:0,id:0,checked:false},{name:"无瑕疵的头骨宝石",code:"1kl",lvl:0,id:0,checked:false},{name:"完美的头骨宝石",code:"1kz",lvl:0,id:0,checked:false}],
                        },{
                            name: "符文", items: [{name:"01#",code:"101",lvl:11,id:0,checked:false},{name:"02#",code:"102",lvl:11,id:0,checked:false},{name:"03#",code:"103",lvl:13,id:0,checked:false},{name:"04#",code:"104",lvl:13,id:0,checked:false},{name:"05#",code:"105",lvl:15,id:0,checked:false},{name:"06#",code:"106",lvl:15,id:0,checked:false},{name:"07#",code:"107",lvl:17,id:0,checked:false},{name:"08#",code:"108",lvl:19,id:0,checked:false},{name:"09#",code:"109",lvl:21,id:0,checked:false},{name:"10#",code:"110",lvl:23,id:0,checked:false},{name:"11#",code:"111",lvl:25,id:0,checked:false},{name:"12#",code:"112",lvl:27,id:0,checked:false},{name:"13#",code:"113",lvl:29,id:0,checked:false},{name:"14#",code:"114",lvl:31,id:0,checked:false},{name:"15#",code:"115",lvl:33,id:0,checked:false},{name:"16#",code:"116",lvl:35,id:0,checked:false},{name:"17#",code:"117",lvl:37,id:0,checked:false},{name:"18#",code:"118",lvl:39,id:0,checked:false},{name:"19#",code:"119",lvl:41,id:0,checked:false},{name:"20#",code:"120",lvl:43,id:0,checked:false},{name:"21#",code:"121",lvl:45,id:0,checked:false},{name:"22#",code:"122",lvl:47,id:0,checked:false},{name:"23#",code:"123",lvl:49,id:0,checked:false},{name:"24#",code:"124",lvl:51,id:0,checked:false},{name:"25#",code:"125",lvl:53,id:0,checked:false},{name:"26#",code:"126",lvl:55,id:0,checked:false},{name:"27#",code:"127",lvl:57,id:0,checked:false},{name:"28#",code:"128",lvl:59,id:0,checked:false},{name:"29#",code:"129",lvl:61,id:0,checked:false},{name:"30#",code:"130",lvl:63,id:0,checked:false},{name:"31#",code:"131",lvl:65,id:0,checked:false},{name:"32#",code:"132",lvl:67,id:0,checked:false},{name:"33#",code:"133",lvl:69,id:0,checked:false},{name:"34#",code:"134",lvl:80,id:0,checked:false},{name:"35",code:"135",lvl:80,id:0,checked:false},],
                        },{
                            name: "杂物",items:[{name:"拉玛兰迪的礼物",code:"1kq",lvl:0,id:0,checked:false},{name:"锻造之锤",code:"1cz",lvl:0,id:0,checked:false},{name:"赦免之证",code:"1id",lvl:0,id:0,checked:false},{name:"精神之石",code:"1js",lvl:0,id:0,checked:false},{name:"聚能之石",code:"1jz",lvl:0,id:0,checked:false},{name:"经验药剂",code:"1lx",lvl:0,id:0,checked:false},{name:"通关凭证",code:"999",lvl:0,id:0,checked:false},{name:"复苏药水",code:"rvs",lvl:0,id:0,checked:false},{name:"完全复苏药水",code:"rvl",lvl:0,id:0,checked:false},]
                        },{
                            name: "红门卷轴", items: [{name:"红门卷轴-小熊欢乐趴",code:"xdp",lvl:0,id:0,checked:false},{name:"红门卷轴-水月九层",code:"fyp",lvl:0,id:0,checked:false},{name:"红门卷轴-女伯爵闺房",code:"ctp",lvl:0,id:0,checked:false},{name:"红门卷轴-地狱第壹殿",code:"hl1",lvl:0,id:0,checked:false},{name:"红门卷轴-地狱第贰殿",code:"hl2",lvl:0,id:0,checked:false},{name:"红门卷轴-地狱第叁殿",code:"hl3",lvl:0,id:0,checked:false},{name:"红门卷轴-地狱第肆殿",code:"hl4",lvl:0,id:0,checked:false},{name:"红门卷轴-地狱第伍殿",code:"hl5",lvl:0,id:0,checked:false},{name:"红门卷轴-地狱第陆殿",code:"hl6",lvl:0,id:0,checked:false},{name:"红门卷轴-地狱第柒殿",code:"hl7",lvl:0,id:0,checked:false},{name:"红门卷轴-地狱第捌殿",code:"hl8",lvl:0,id:0,checked:false},{name:"红门卷轴-地狱第玖殿",code:"hl9",lvl:0,id:0,checked:false},{name:"红门卷轴-地狱第拾殿",code:"hlx",lvl:0,id:0,checked:false},{name:"红门卷轴-混乱乐园",code:"666",lvl:0,id:0,checked:false},],
                        },{
                            name: "阎王认可",items:[{name:"秦广王的认可",code:"dy1",lvl:0,id:0,checked:false},{name:"楚江王的认可",code:"dy2",lvl:0,id:0,checked:false},{name:"宋帝王的认可",code:"dy3",lvl:0,id:0,checked:false},{name:"仵官王的认可",code:"dy4",lvl:0,id:0,checked:false},{name:"阎罗王的认可",code:"dy5",lvl:0,id:0,checked:false},{name:"卞城王的认可",code:"dy6",lvl:0,id:0,checked:false},{name:"泰山王的认可",code:"dy7",lvl:0,id:0,checked:false},{name:"都市王的认可",code:"dy8",lvl:0,id:0,checked:false},{name:"平等王的认可",code:"dy9",lvl:0,id:0,checked:false},{name:"转轮王的认可",code:"dyx",lvl:0,id:0,checked:false},]
                        },{
                            name: "合成物品",items:[{name:"科力克的灵魂",code:"1zh",lvl:0,id:0,checked:false},{name:"胖胖牛的灵魂",code:"2zh",lvl:0,id:0,checked:false},{name:"马道克的灵魂",code:"3zh",lvl:0,id:0,checked:false},{name:"沃利贝尔的灵魂",code:"4zh",lvl:0,id:0,checked:false},{name:"塔力克的灵魂",code:"5zh",lvl:0,id:0,checked:false},{name:"伊芙琳的灵魂",code:"6zh",lvl:0,id:0,checked:false},{name:"艾尼维亚的灵魂",code:"7zh",lvl:0,id:0,checked:false},{name:"雷霆之怒碎片",code:"sp1",lvl:0,id:0,checked:false},{name:"雷霆之怒精粹",code:"jc1",lvl:0,id:0,checked:false},{name:"雷霆之怒融合器",code:"rh1",lvl:0,id:0,checked:false},{name:"影之哀伤碎片",code:"sp2",lvl:0,id:0,checked:false},{name:"影之哀伤精粹",code:"jc2",lvl:0,id:0,checked:false},{name:"影之哀伤融合器",code:"rh2",lvl:0,id:0,checked:false},{name:"萨弗拉斯碎片",code:"sp3",lvl:0,id:0,checked:false},{name:"萨弗拉斯精粹",code:"jc3",lvl:0,id:0,checked:false},{name:"萨弗拉斯融合器",code:"rh3",lvl:0,id:0,checked:false},{name:"莱莎雷尔碎片",code:"sp4",lvl:0,id:0,checked:false},{name:"莱莎雷尔精粹",code:"jc4",lvl:0,id:0,checked:false},{name:"莱莎雷尔融合器",code:"rh4",lvl:0,id:0,checked:false},{name:"艾露尼斯碎片",code:"sp5",lvl:0,id:0,checked:false},{name:"艾露尼斯精粹",code:"jc5",lvl:0,id:0,checked:false},{name:"艾露尼斯融合器",code:"rh5",lvl:0,id:0,checked:false},{name:"萨拉塔斯碎片",code:"sp6",lvl:0,id:0,checked:false},{name:"萨拉塔斯精粹",code:"jc6",lvl:0,id:0,checked:false},{name:"萨拉塔斯融合器",code:"rh6",lvl:0,id:0,checked:false},{name:"真理守护者碎片",code:"sp7",lvl:0,id:0,checked:false},{name:"真理守护者精粹",code:"jc7",lvl:0,id:0,checked:false},{name:"真理守护者融合器",code:"rh7",lvl:0,id:0,checked:false},{name:"无锋碎片",code:"sp8",lvl:0,id:0,checked:false},{name:"无锋精粹",code:"jc8",lvl:0,id:0,checked:false},{name:"无锋融合器",code:"rh8",lvl:0,id:0,checked:false},{name:"振金盾碎片",code:"sp9",lvl:0,id:0,checked:false},{name:"振金盾精粹",code:"jc9",lvl:0,id:0,checked:false},{name:"振金盾融合器",code:"rh9",lvl:0,id:0,checked:false},{name:"紫罗兰之吻碎片",code:"spx",lvl:0,id:0,checked:false},{name:"紫罗兰之吻精粹",code:"jcx",lvl:0,id:0,checked:false},{name:"紫罗兰之吻融合器",code:"rhx",lvl:0,id:0,checked:false}]
                        },{
                            name: "6Boss", items: [{name:"恐惧之钥-三把钥匙合成开启前三BOSS红门",code:"pk1",lvl:0,id:0,checked:false},{name:"憎恨之钥-三把钥匙合成开启前三BOSS红门",code:"pk2",lvl:0,id:0,checked:false},{name:"毁灭之钥-三把钥匙合成开启前三BOSS红门",code:"pk3",lvl:0,id:0,checked:false},{name:"迪亚波罗的角-三种器官合成开启后三BOSS红门",code:"dhn",lvl:0,id:0,checked:false},{name:"巴尔的眼睛-三种器官合成开启后三BOSS红门",code:"bey",lvl:0,id:0,checked:false},{name:"墨菲斯托的大脑-三种器官合成开启后三BOSS红门",code:"mbr",lvl:0,id:0,checked:false}],
                        },{
                            name: "技能符石",items:[{name:"技能符石",code:"201",lvl:10,id:0,checked:false},{name:"技能符石",code:"202",lvl:10,id:0,checked:false},{name:"技能符石",code:"203",lvl:10,id:0,checked:false},{name:"技能符石",code:"204",lvl:10,id:0,checked:false},{name:"技能符石",code:"205",lvl:10,id:0,checked:false},{name:"技能符石",code:"206",lvl:15,id:0,checked:false},{name:"技能符石",code:"207",lvl:15,id:0,checked:false},{name:"技能符石",code:"208",lvl:15,id:0,checked:false},{name:"技能符石",code:"209",lvl:15,id:0,checked:false},{name:"技能符石",code:"210",lvl:27,id:0,checked:false},{name:"技能符石",code:"211",lvl:21,id:0,checked:false},{name:"技能符石",code:"212",lvl:21,id:0,checked:false},{name:"技能符石",code:"213",lvl:21,id:0,checked:false},{name:"技能符石",code:"214",lvl:21,id:0,checked:false},{name:"技能符石",code:"215",lvl:21,id:0,checked:false},{name:"技能符石",code:"216",lvl:27,id:0,checked:false},{name:"技能符石",code:"217",lvl:27,id:0,checked:false},{name:"技能符石",code:"218",lvl:27,id:0,checked:false},{name:"技能符石",code:"219",lvl:27,id:0,checked:false},{name:"技能符石",code:"220",lvl:15,id:0,checked:false},{name:"技能符石",code:"221",lvl:33,id:0,checked:false},{name:"技能符石",code:"222",lvl:33,id:0,checked:false},{name:"技能符石",code:"223",lvl:33,id:0,checked:false},{name:"技能符石",code:"224",lvl:33,id:0,checked:false},{name:"技能符石",code:"225",lvl:33,id:0,checked:false},{name:"技能符石",code:"226",lvl:39,id:0,checked:false},{name:"技能符石",code:"227",lvl:39,id:0,checked:false},{name:"技能符石",code:"228",lvl:39,id:0,checked:false},{name:"技能符石",code:"229",lvl:39,id:0,checked:false},{name:"技能符石",code:"230",lvl:39,id:0,checked:false},{name:"技能符石",code:"231",lvl:10,id:0,checked:false},{name:"技能符石",code:"232",lvl:10,id:0,checked:false},{name:"技能符石",code:"233",lvl:10,id:0,checked:false},{name:"技能符石",code:"234",lvl:10,id:0,checked:false},{name:"技能符石",code:"235",lvl:10,id:0,checked:false},{name:"技能符石",code:"236",lvl:15,id:0,checked:false},{name:"技能符石",code:"237",lvl:15,id:0,checked:false},{name:"技能符石",code:"238",lvl:33,id:0,checked:false},{name:"技能符石",code:"239",lvl:15,id:0,checked:false},{name:"技能符石",code:"240",lvl:15,id:0,checked:false},{name:"技能符石",code:"241",lvl:21,id:0,checked:false},{name:"技能符石",code:"242",lvl:21,id:0,checked:false},{name:"技能符石",code:"243",lvl:21,id:0,checked:false},{name:"技能符石",code:"244",lvl:21,id:0,checked:false},{name:"技能符石",code:"245",lvl:21,id:0,checked:false},{name:"技能符石",code:"246",lvl:27,id:0,checked:false},{name:"技能符石",code:"247",lvl:27,id:0,checked:false},{name:"技能符石",code:"248",lvl:27,id:0,checked:false},{name:"技能符石",code:"249",lvl:27,id:0,checked:false},{name:"技能符石",code:"250",lvl:27,id:0,checked:false},{name:"技能符石",code:"251",lvl:33,id:0,checked:false},{name:"技能符石",code:"252",lvl:33,id:0,checked:false},{name:"技能符石",code:"253",lvl:15,id:0,checked:false},{name:"技能符石",code:"254",lvl:33,id:0,checked:false},{name:"技能符石",code:"255",lvl:33,id:0,checked:false},{name:"技能符石",code:"256",lvl:39,id:0,checked:false},{name:"技能符石",code:"257",lvl:39,id:0,checked:false},{name:"技能符石",code:"258",lvl:39,id:0,checked:false},{name:"技能符石",code:"259",lvl:39,id:0,checked:false},{name:"技能符石",code:"260",lvl:39,id:0,checked:false},{name:"技能符石",code:"261",lvl:10,id:0,checked:false},{name:"技能符石",code:"262",lvl:10,id:0,checked:false},{name:"技能符石",code:"263",lvl:10,id:0,checked:false},{name:"技能符石",code:"264",lvl:10,id:0,checked:false},{name:"技能符石",code:"265",lvl:10,id:0,checked:false},{name:"技能符石",code:"266",lvl:15,id:0,checked:false},{name:"技能符石",code:"267",lvl:15,id:0,checked:false},{name:"技能符石",code:"268",lvl:15,id:0,checked:false},{name:"技能符石",code:"269",lvl:15,id:0,checked:false},{name:"技能符石",code:"270",lvl:15,id:0,checked:false},{name:"技能符石",code:"271",lvl:21,id:0,checked:false},{name:"技能符石",code:"272",lvl:21,id:0,checked:false},{name:"技能符石",code:"273",lvl:21,id:0,checked:false},{name:"技能符石",code:"274",lvl:21,id:0,checked:false},{name:"技能符石",code:"275",lvl:21,id:0,checked:false},{name:"技能符石",code:"276",lvl:27,id:0,checked:false},{name:"技能符石",code:"277",lvl:27,id:0,checked:false},{name:"技能符石",code:"278",lvl:39,id:0,checked:false},{name:"技能符石",code:"279",lvl:27,id:0,checked:false},{name:"技能符石",code:"280",lvl:27,id:0,checked:false},{name:"技能符石",code:"281",lvl:33,id:0,checked:false},{name:"技能符石",code:"282",lvl:33,id:0,checked:false},{name:"技能符石",code:"283",lvl:33,id:0,checked:false},{name:"技能符石",code:"284",lvl:33,id:0,checked:false},{name:"技能符石",code:"285",lvl:33,id:0,checked:false},{name:"技能符石",code:"286",lvl:39,id:0,checked:false},{name:"技能符石",code:"287",lvl:27,id:0,checked:false},{name:"技能符石",code:"288",lvl:39,id:0,checked:false},{name:"技能符石",code:"289",lvl:39,id:0,checked:false},{name:"技能符石",code:"290",lvl:39,id:0,checked:false},{name:"技能符石",code:"291",lvl:10,id:0,checked:false},{name:"技能符石",code:"292",lvl:10,id:0,checked:false},{name:"技能符石",code:"293",lvl:10,id:0,checked:false},{name:"技能符石",code:"294",lvl:10,id:0,checked:false},{name:"技能符石",code:"295",lvl:10,id:0,checked:false},{name:"技能符石",code:"296",lvl:15,id:0,checked:false},{name:"技能符石",code:"297",lvl:15,id:0,checked:false},{name:"技能符石",code:"298",lvl:15,id:0,checked:false},{name:"技能符石",code:"299",lvl:15,id:0,checked:false},{name:"技能符石",code:"300",lvl:15,id:0,checked:false},{name:"技能符石",code:"301",lvl:21,id:0,checked:false},{name:"技能符石",code:"302",lvl:21,id:0,checked:false},{name:"技能符石",code:"303",lvl:21,id:0,checked:false},{name:"技能符石",code:"304",lvl:33,id:0,checked:false},{name:"技能符石",code:"305",lvl:21,id:0,checked:false},{name:"技能符石",code:"306",lvl:33,id:0,checked:false},{name:"技能符石",code:"307",lvl:27,id:0,checked:false},{name:"技能符石",code:"308",lvl:27,id:0,checked:false},{name:"技能符石",code:"309",lvl:27,id:0,checked:false},{name:"技能符石",code:"310",lvl:27,id:0,checked:false},{name:"技能符石",code:"311",lvl:27,id:0,checked:false},{name:"技能符石",code:"312",lvl:33,id:0,checked:false},{name:"技能符石",code:"313",lvl:33,id:0,checked:false},{name:"技能符石",code:"314",lvl:33,id:0,checked:false},{name:"技能符石",code:"315",lvl:21,id:0,checked:false},{name:"技能符石",code:"316",lvl:39,id:0,checked:false},{name:"技能符石",code:"317",lvl:39,id:0,checked:false},{name:"技能符石",code:"318",lvl:39,id:0,checked:false},{name:"技能符石",code:"319",lvl:39,id:0,checked:false},{name:"技能符石",code:"320",lvl:39,id:0,checked:false},{name:"技能符石",code:"321",lvl:10,id:0,checked:false},{name:"技能符石",code:"322",lvl:10,id:0,checked:false},{name:"技能符石",code:"323",lvl:10,id:0,checked:false},{name:"技能符石",code:"324",lvl:10,id:0,checked:false},{name:"技能符石",code:"325",lvl:10,id:0,checked:false},{name:"技能符石",code:"326",lvl:21,id:0,checked:false},{name:"技能符石",code:"327",lvl:15,id:0,checked:false},{name:"技能符石",code:"328",lvl:15,id:0,checked:false},{name:"技能符石",code:"329",lvl:15,id:0,checked:false},{name:"技能符石",code:"330",lvl:15,id:0,checked:false},{name:"技能符石",code:"331",lvl:15,id:0,checked:false},{name:"技能符石",code:"332",lvl:15,id:0,checked:false},{name:"技能符石",code:"333",lvl:15,id:0,checked:false},{name:"技能符石",code:"334",lvl:21,id:0,checked:false},{name:"技能符石",code:"335",lvl:39,id:0,checked:false},{name:"技能符石",code:"336",lvl:33,id:0,checked:false},{name:"技能符石",code:"337",lvl:10,id:0,checked:false},{name:"技能符石",code:"338",lvl:27,id:0,checked:false},{name:"技能符石",code:"339",lvl:27,id:0,checked:false},{name:"技能符石",code:"340",lvl:27,id:0,checked:false},{name:"技能符石",code:"341",lvl:27,id:0,checked:false},{name:"技能符石",code:"342",lvl:27,id:0,checked:false},{name:"技能符石",code:"343",lvl:21,id:0,checked:false},{name:"技能符石",code:"344",lvl:33,id:0,checked:false},{name:"技能符石",code:"345",lvl:33,id:0,checked:false},{name:"技能符石",code:"346",lvl:39,id:0,checked:false},{name:"技能符石",code:"347",lvl:39,id:0,checked:false},{name:"技能符石",code:"348",lvl:39,id:0,checked:false},{name:"技能符石",code:"349",lvl:39,id:0,checked:false},{name:"技能符石",code:"350",lvl:39,id:0,checked:false},{name:"技能符石",code:"351",lvl:10,id:0,checked:false},{name:"技能符石",code:"352",lvl:10,id:0,checked:false},{name:"技能符石",code:"353",lvl:10,id:0,checked:false},{name:"技能符石",code:"354",lvl:10,id:0,checked:false},{name:"技能符石",code:"355",lvl:10,id:0,checked:false},{name:"技能符石",code:"356",lvl:15,id:0,checked:false},{name:"技能符石",code:"357",lvl:15,id:0,checked:false},{name:"技能符石",code:"358",lvl:15,id:0,checked:false},{name:"技能符石",code:"359",lvl:15,id:0,checked:false},{name:"技能符石",code:"360",lvl:15,id:0,checked:false},{name:"技能符石",code:"361",lvl:21,id:0,checked:false},{name:"技能符石",code:"362",lvl:21,id:0,checked:false},{name:"技能符石",code:"363",lvl:21,id:0,checked:false},{name:"技能符石",code:"364",lvl:21,id:0,checked:false},{name:"技能符石",code:"365",lvl:21,id:0,checked:false},{name:"技能符石",code:"366",lvl:27,id:0,checked:false},{name:"技能符石",code:"367",lvl:27,id:0,checked:false},{name:"技能符石",code:"368",lvl:27,id:0,checked:false},{name:"技能符石",code:"369",lvl:27,id:0,checked:false},{name:"技能符石",code:"370",lvl:27,id:0,checked:false},{name:"技能符石",code:"371",lvl:33,id:0,checked:false},{name:"技能符石",code:"372",lvl:33,id:0,checked:false},{name:"技能符石",code:"373",lvl:33,id:0,checked:false},{name:"技能符石",code:"374",lvl:33,id:0,checked:false},{name:"技能符石",code:"375",lvl:33,id:0,checked:false},{name:"技能符石",code:"376",lvl:39,id:0,checked:false},{name:"技能符石",code:"377",lvl:39,id:0,checked:false},{name:"技能符石",code:"378",lvl:39,id:0,checked:false},{name:"技能符石",code:"379",lvl:39,id:0,checked:false},{name:"技能符石",code:"380",lvl:39,id:0,checked:false},{name:"技能符石",code:"381",lvl:10,id:0,checked:false},{name:"技能符石",code:"382",lvl:10,id:0,checked:false},{name:"技能符石",code:"383",lvl:10,id:0,checked:false},{name:"技能符石",code:"384",lvl:10,id:0,checked:false},{name:"技能符石",code:"385",lvl:10,id:0,checked:false},{name:"技能符石",code:"386",lvl:15,id:0,checked:false},{name:"技能符石",code:"387",lvl:15,id:0,checked:false},{name:"技能符石",code:"388",lvl:15,id:0,checked:false},{name:"技能符石",code:"389",lvl:15,id:0,checked:false},{name:"技能符石",code:"390",lvl:15,id:0,checked:false},{name:"技能符石",code:"391",lvl:21,id:0,checked:false},{name:"技能符石",code:"392",lvl:21,id:0,checked:false},{name:"技能符石",code:"393",lvl:21,id:0,checked:false},{name:"技能符石",code:"394",lvl:21,id:0,checked:false},{name:"技能符石",code:"395",lvl:21,id:0,checked:false},{name:"技能符石",code:"396",lvl:27,id:0,checked:false},{name:"技能符石",code:"397",lvl:27,id:0,checked:false},{name:"技能符石",code:"398",lvl:27,id:0,checked:false},{name:"技能符石",code:"399",lvl:27,id:0,checked:false},{name:"技能符石",code:"400",lvl:27,id:0,checked:false},{name:"技能符石",code:"401",lvl:33,id:0,checked:false},{name:"技能符石",code:"402",lvl:33,id:0,checked:false},{name:"技能符石",code:"403",lvl:33,id:0,checked:false},{name:"技能符石",code:"404",lvl:33,id:0,checked:false},{name:"技能符石",code:"405",lvl:33,id:0,checked:false},{name:"技能符石",code:"406",lvl:39,id:0,checked:false},{name:"技能符石",code:"407",lvl:39,id:0,checked:false},{name:"技能符石",code:"408",lvl:39,id:0,checked:false},{name:"技能符石",code:"409",lvl:39,id:0,checked:false},{name:"技能符石",code:"410",lvl:39,id:0,checked:false},{name:"技能符石",code:"411",lvl:60,id:0,checked:false},{name:"技能符石",code:"412",lvl:60,id:0,checked:false},{name:"技能符石",code:"413",lvl:60,id:0,checked:false},{name:"技能符石",code:"414",lvl:60,id:0,checked:false},{name:"技能符石",code:"415",lvl:60,id:0,checked:false},{name:"技能符石",code:"416",lvl:60,id:0,checked:false},{name:"技能符石",code:"417",lvl:60,id:0,checked:false},]
                        },{
                            name: "护身符",items:[{name:"技能之书U[胖胖牛,猫佰万,阿旺]",code:"pln",lvl:30,id:0,checked:false},{name:"巨型神符U[基德的好运,飞矢之羽,远古记忆,灵魂契约,白色圣约,铁血鉴证,灵兽低语,黑暗之瞳]",code:"ban",lvl:1,id:0,checked:false},{name:"大型神符U[地狱火炬,地狱火炬,地狱火炬,地狱火炬,地狱火炬,地狱火炬,地狱火炬]",code:"hft",lvl:1,id:0,checked:false},{name:"百步穿杨",code:"zy1",lvl:1,id:0,checked:false},{name:"登峰造极",code:"zy2",lvl:1,id:0,checked:false},{name:"力能扛鼎",code:"zy3",lvl:1,id:0,checked:false},{name:"熊韬豹略",code:"zy4",lvl:1,id:0,checked:false},{name:"向死而生",code:"zy6",lvl:1,id:0,checked:false},{name:"圣文神武",code:"zy5",lvl:1,id:0,checked:false},{name:"神术妙法",code:"zy7",lvl:1,id:0,checked:false}]
                        },

                        ]
                    }, {
                        name: "其他", active: '顶级职业套装', items: [{
                            name: "顶级职业套装", items:[{name:"亚马逊盔甲",code:"Amazon Armor",lvl:0,id:0,checked:false},{name:"亚马逊鞋靴",code:"Amazon Boot",lvl:0,id:0,checked:false},{name:"亚马逊手套",code:"Amazon Glove",lvl:0,id:0,checked:false},{name:"亚马逊头盔",code:"Amazon Helmet",lvl:0,id:0,checked:false},{name:"刺客盔甲",code:"Assassin Armor",lvl:0,id:0,checked:false},{name:"刺客鞋靴",code:"Assassin Boot",lvl:0,id:0,checked:false},{name:"刺客手套",code:"Assassin Glove",lvl:0,id:0,checked:false},{name:"刺客头盔",code:"Assassin Helmet",lvl:0,id:0,checked:false},{name:"野蛮人盔甲",code:"Barbarian Armor",lvl:0,id:0,checked:false},{name:"野蛮人鞋靴",code:"Barbarian Boot",lvl:0,id:0,checked:false},{name:"野蛮人手套",code:"Barbarian Glove",lvl:0,id:0,checked:false},{name:"野蛮人头盔",code:"Barbarian Helmet",lvl:0,id:0,checked:false},{name:"德鲁伊盔甲",code:"Druid Armor",lvl:0,id:0,checked:false},{name:"德鲁伊鞋靴",code:"Druid Boot",lvl:0,id:0,checked:false},{name:"德鲁伊手套",code:"Druid Glove",lvl:0,id:0,checked:false},{name:"德鲁伊头盔",code:"Druid Helmet",lvl:0,id:0,checked:false},{name:"死灵盔甲",code:"Necromancer Armor",lvl:0,id:0,checked:false},{name:"死灵鞋靴",code:"Necromancer Boot",lvl:0,id:0,checked:false},{name:"死灵手套",code:"Necromancer Glove",lvl:0,id:0,checked:false},{name:"死灵头盔",code:"Necromancer Helmet",lvl:0,id:0,checked:false},{name:"圣骑士盔甲",code:"Paladin Armor",lvl:0,id:0,checked:false},{name:"圣骑士鞋靴",code:"Paladin Boot",lvl:0,id:0,checked:false},{name:"圣骑士手套",code:"Paladin Glove",lvl:0,id:0,checked:false},{name:"圣骑士头盔",code:"Paladin Helmet",lvl:0,id:0,checked:false},{name:"女巫盔甲",code:"Sorceress Armor",lvl:0,id:0,checked:false},{name:"女巫鞋靴",code:"Sorceress Boot",lvl:0,id:0,checked:false},{name:"女巫手套",code:"Sorceress Glove",lvl:0,id:0,checked:false},{name:"女巫头盔",code:"Sorceress Helmet",lvl:0,id:0,checked:false}]
                        },{
                            name:"暗金物品",items:[{name:"血肉撕咬",code:"The Gnasher",lvl:5,id:1,checked:false},{name:"血色新月",code:"Blood Crescent",lvl:8,id:33,checked:false},{name:"格里斯沃尔德之锋",code:"Griswolds Edge",lvl:20,id:37,checked:false},{name:"冷钢之眼",code:"Coldsteel Eye",lvl:37,id:41,checked:false},{name:"邪灵斩",code:"Djinnslayer",lvl:71,id:49,checked:false},{name:"★碧蓝怒火★",code:"Azurewrath",lvl:110,id:53,checked:false},{name:"★碎颅★",code:"The Cranium Basher",lvl:105,id:91,checked:false},{name:"★恰西的恩惠★",code:"Charsi's Favor",lvl:110,id:99,checked:false},{name:"覆灵尸衣",code:"The Spirit Shroud",lvl:34,id:279,checked:false},{name:"遗体哀悼",code:"Corpsemourn",lvl:61,id:292,checked:false},{name:"罗达门特的领地",code:"Radimant's Sphere",lvl:56,id:363,checked:false},{name:"折磨",code:"zhemo",lvl:110,id:585,checked:false},{name:"痛苦",code:"tongku",lvl:110,id:586,checked:false},{name:"憎恨",code:"Odium",lvl:110,id:587,checked:false},{name:"恐惧",code:"kongju",lvl:110,id:588,checked:false},{name:"毁灭",code:"Annihilus",lvl:110,id:589,checked:false},{name:"空蝉之鸣",code:"New SC1",lvl:1,id:590,checked:false},{name:"犬牙",code:"Quanya",lvl:1,id:591,checked:false},{name:"幸运草",code:"Xingyun",lvl:1,id:592,checked:false},{name:"占星轨迹",code:"Zhanxing",lvl:1,id:593,checked:false},{name:"地狱之证",code:"Hell Smallcharm",lvl:110,id:594,checked:false},{name:"药剂师的小包",code:"Apothecary's Tote",lvl:1,id:602,checked:false},{name:"伪经",code:"Apocrypha",lvl:1,id:603,checked:false},{name:"基德的好运",code:"Gheed's Fortune",lvl:1,id:615,checked:false},{name:"彩虹魔石",code:"Rainbow Facetlt",lvl:1,id:648,checked:false},{name:"彩虹魔石",code:"Rainbow Facetco",lvl:1,id:649,checked:false},{name:"彩虹魔石",code:"Rainbow Facetfi",lvl:1,id:650,checked:false},{name:"彩虹魔石",code:"Rainbow Facetpo",lvl:1,id:651,checked:false},{name:"彩虹魔石",code:"Rainbow Facetlt",lvl:1,id:652,checked:false},{name:"彩虹魔石",code:"Rainbow Facetco",lvl:1,id:653,checked:false},{name:"彩虹魔石",code:"Rainbow Facetfi",lvl:1,id:654,checked:false},{name:"彩虹魔石",code:"Rainbow Facetpo",lvl:1,id:655,checked:false},{name:"彩虹魔石",code:"Rainbow Facetph",lvl:1,id:656,checked:false},{name:"彩虹魔石",code:"Rainbow Facetma",lvl:1,id:657,checked:false},{name:"原来是衣卒的耳",code:"Jscma",lvl:30,id:704,checked:false},{name:"符文卷轴",code:"Unravel Rune Scroll",lvl:99,id:714,checked:false},{name:"寒冰裂口",code:"Cold Rupture",lvl:1,id:719,checked:false},{name:"火焰裂隙",code:"Flame Rift",lvl:1,id:720,checked:false},{name:"天堂裂痕",code:"Crack of the Heavens",lvl:1,id:721,checked:false},{name:"腐烂裂迹",code:"Rotting Fissure",lvl:1,id:722,checked:false},{name:"白骨裂纹",code:"Bone Break",lvl:1,id:723,checked:false},{name:"漆黑裂痕",code:"Black Cleft",lvl:1,id:724,checked:false}]
                        }]
                    }
                    ],
                data: {
                    codes: '',
                }
            };
        },
        computed: {
            show_codes() {
                const codes =[]
                this.items.forEach(item => {
                    item.items.forEach(group => {
                        group.items.forEach(groupItem => {
                            if (groupItem.checked) {
                                codes.push(groupItem.code)
                            }
                        })
                    })
                });
                return codes.join(',')
            }
        }, methods: {
            hideAll(items) {
                items.forEach(item => {
                    item.checked = true
                })
            }, cancelHideAll(items) {
                items.forEach(item => {
                    item.checked = false
                })
            },copyCodes() {
                const codes = this.show_codes
                navigator.clipboard.writeText(codes).then(()=>{
                    alert('复制成功')
                }).error(()=>{
                    alert('复制失败，请手动复制')
                })
            }
        },
    };
    const app = Vue.createApp(App);
    app.use(ElementPlus);
    app.mount("#app");
</script>
</body>
</html>
